TypeScript Tokens

Preview

/**
 * Generated by UI Archive — ui-archive.com
 * Domain: code.visualstudio.com
 * Snapshot: 2026-11-15
 * Format: W3C DTCG compatible
 * Token names preserve original CSS variable names
 */

export const tokens = {
  "color": {
    "lightblue": "#00bcf2",
    "blue": "#0072be",
    "midblue": "#00188f",
    "darkblue": "#002050",
    "lightpurple": "#b4a0ff",
    "purple": "#5c2d91",
    "darkpurple": "#373277",
    "lightmagenta": "#e3008c",
    "magenta": "#b4009e",
    "darkmagenta": "#5c005c",
    "red": "#e81123",
    "darkred": "#a80000",
    "lightorange": "#ff8c00",
    "orange": "#d83b01",
    "insiders-green": "#058f2d",
    "lightyellow": "#fff100",
    "yellow": "#ffcc00",
    "lightgreen": "#bad80a",
    "green": "#477a32",
    "darkgreen": "#004b1c",
    "lightteal": "#00b294",
    "teal": "#008272",
    "darkteal": "#004b50",
    "lightgray": "#333333",
    "gray": "#cccccc"
  },
  "fontSize": {
    "codicon": "16px",
    "sf-mono-12px-400": "12px",
    "codicon-14px-400": "14px",
…

All Tokens