Editor · port 04 of 14

Bigface for VS Code / Cursor

A colour-theme extension. The same file works in VS Code and Cursor.

Checked with the tool2 files
main.ts
// main.ts — colours, not a screenshot.import { greet } from "./hello"; type User = { id: number; name: string }; const ENDPOINT = "https://api.example.com/users"; export async function main(ids: number[]): Promise<void> {  const res = await fetch(ENDPOINT);  if (!res.ok) throw new Error(`users: ${res.status}`);  const all: User[] = await res.json();  const picked = all.filter((u) => ids.includes(u.id));  picked.forEach((u) => greet(u.name));}

Install

curl -fsSL https://bigface.qqntt.com/install.sh | sh -s -- vscode
Writes Bigface's own file, prints the one line to add.

It never edits your config; it prints the one line you still need to add (or remove).Read the script first, or add --dry-run.

Or do it by hand
  1. Download the .vsix.
  2. Run code --install-extension bigface-theme-0.1.0.vsix (or cursor --install-extension …), or use Extensions → … → Install from VSIX.
  3. Open Preferences → Color Theme and pick Bigface.

Download

What was checked

Checked with the toolPackaged with `vsce` and installed with `code --install-extension` into a scratch extensions directory.

bigface-color-theme.json

themes/vscode/themes/bigface-color-theme.json
{
  "$schema": "vscode://schemas/color-theme",
  "name": "Bigface",
  "type": "dark",
  "colors": {
    "foreground": "#d9d9d4",
    "focusBorder": "#00b0ff",
    "widget.shadow": "#1f231f",
    "selection.background": "#3b514d",
    "descriptionForeground": "#9c9a8f",
    "errorForeground": "#f52670",
    "textLink.foreground": "#00b0ff",
    "textLink.activeForeground": "#c6ff00",
    "textCodeBlock.background": "#1f231f",
    "icon.foreground": "#9c9a8f",
    "editor.background": "#252925",
    "editor.foreground": "#d9d9d4",
    "editorCursor.foreground": "#f8f8f0",
    "editor.lineHighlightBackground": "#3b3c32",
    "editor.selectionBackground": "#646464",
    "editor.inactiveSelectionBackground": "#3b514d",
    "editor.findMatchBackground": "#ffe792",
    "editor.findMatchHighlightBackground": "#3b514d",
    "editorLineNumber.foreground": "#6e6b68",
    "editorLineNumber.activeForeground": "#d9d9d4",
    "editorIndentGuide.background1": "#333333",
    "editorIndentGuide.activeBackground1": "#494848",
    "editorRuler.foreground": "#333333",
    "editorWhitespace.foreground": "#494848",
    "editorBracketMatch.background": "#3b514d",
    "editorBracketMatch.border": "#00b0ff",
    "editorError.foreground": "#f52670",
    "editorWarning.foreground": "#ff9800",
    "editorInfo.foreground": "#40c4ff",
    "editorGutter.background": "#252925",
    "editorGutter.addedBackground": "#8bc34a",
    "editorGutter.modifiedBackground": "#40c4ff",
    "editorGutter.deletedBackground": "#f52670",
    "editorWidget.background": "#2e332e",
    "editorWidget.border": "#494848",
…

Generated from the palette. Source:themes/vscode.