design.md

Preview

# code.visualstudio.com Design Tokens

> Generated by UI Archive — https://ui-archive.com/code.visualstudio.com
> Snapshot: 2026-11-15
> Format: W3C DTCG compatible — suitable for Cursor, Lovable, Claude Code, and other AI coding agents

## Colors

| Token | Value | Description |
|-------|-------|-------------|
| --color-lightblue | #00bcf2 | Defined in :root as --lightblue |
| --color-blue | #0072be | Defined in :root as --blue |
| --color-midblue | #00188f | Defined in :root as --midblue |
| --color-darkblue | #002050 | Defined in :root as --darkblue |
| --color-lightpurple | #b4a0ff | Defined in :root as --lightpurple |
| --color-purple | #5c2d91 | Defined in :root as --purple |
| --color-darkpurple | #373277 | Defined in :root as --darkpurple |
| --color-lightmagenta | #e3008c | Defined in :root as --lightmagenta |
| --color-magenta | #b4009e | Defined in :root as --magenta |
| --color-darkmagenta | #5c005c | Defined in :root as --darkmagenta |
| --color-red | #e81123 | Defined in :root as --red |
| --color-darkred | #a80000 | Defined in :root as --darkred |
| --color-lightorange | #ff8c00 | Defined in :root as --lightorange |
| --color-orange | #d83b01 | Defined in :root as --orange |
| --color-insiders-green | #058f2d | Defined in :root as --insiders-green |
| --color-lightyellow | #fff100 | Defined in :root as --lightyellow |
| --color-yellow | #ffcc00 | Defined in :root as --yellow |
| --color-lightgreen | #bad80a | Defined in :root as --lightgreen |
| --color-green | #477a32 | Defined in :root as --green |
| --color-darkgreen | #004b1c | Defined in :root as --darkgreen |
…

All Tokens