Fiesta Dark — Visual Studio Code Theme
A dark, minimalistic theme inspired by the San Antonio Spurs Fiesta tricolor identity
(1989–2002, revived 2020–21 and 2025–26 City Edition).
Design principle: The IDE chrome stays neutral grayscale. The Fiesta tricolor lives
exclusively in the code — pink keywords, turquoise functions/types, orange numbers/constants.
The only Fiesta touch in the UI is a thin pink line under the active editor tab and the cursor.
9 variations of the Fiesta palette
Every variant is a remix of the same three Fiesta colors — pink, turquoise, and orange — and
their close cousins (coral, peach, gold, mint, rose). What changes between variants is which
color leads, how saturated everything is, and the background depth. Every variant meets
WCAG AA (4.5:1) on every syntax token; High Contrast is mostly AAA.
| Variant |
Vibe |
Primary |
Secondary |
Accent |
| Fiesta Dark |
Classic balanced tricolor |
#F9386A |
#00B3B8 |
#F99F1C |
| Pink |
Pink leads — keywords AND functions both pink |
#F9386A |
#FF8FA8 |
#F99F1C |
| Turquoise |
Turquoise leads — keywords AND functions both teal/mint |
#00B3B8 |
#5EEAD4 |
#F99F1C |
| Sunset |
Orange leads, pink functions, gold numbers |
#FB923C |
#F9386A |
#FCD34D |
| Inverted |
Classic with pink ↔ turquoise role-swap |
#00B3B8 |
#F9386A |
#F99F1C |
| Vivid |
Boosted saturation of the classic tricolor |
#FF5C8A |
#00E5EA |
#FFB840 |
| Coral |
Warm pink-orange — coral, peach, gold |
#FF6F8F |
#FFB347 |
#FCD34D |
| High Contrast |
Pure-black BG, white FG, boosted accents (AAA) |
#FF5C8A |
#00E5EA |
#FFB840 |
| AMOLED |
Pure-black BG, classic Fiesta tricolor |
#F9386A |
#00B3B8 |
#F99F1C |
Switch variants in Settings → Color Theme (or Ctrl+K Ctrl+T).
Syntax mapping (shared across all variants)
| Token |
Color slot |
Keywords, control flow, storage, self/this/super |
primary |
| Functions, methods, class/type names, HTML attributes |
secondary |
| Numbers, booleans, constants, decorators, regex, lifetimes |
accent |
| String literals |
string green / pale variant |
| Function parameters |
parameter (italic) |
| Comments |
muted gray |
| Doc comments (JSDoc, rustdoc, pydoc) |
doc-comment green (italic) |
| Operators, punctuation |
subtle gray |
| Default text, variables, properties |
default gray |
WCAG contrast — all variants
Each accent against its variant's editor background. Every value ≥ 4.5:1 (AA); ≥ 7.0:1 is AAA.
| Variant |
Primary |
Secondary |
Accent |
String |
Default FG |
Comments |
| Fiesta Dark |
4.8 |
6.8 |
8.3 |
12.7 |
11.7 |
4.7 |
| Pink |
4.8 |
8.1 |
8.3 |
12.7 |
11.7 |
4.7 |
| Turquoise |
6.8 |
11.8 |
8.3 |
12.7 |
11.7 |
4.7 |
| Sunset |
7.7 |
4.8 |
12.1 |
12.9 |
11.7 |
4.7 |
| Inverted |
6.8 |
4.8 |
8.3 |
12.7 |
11.7 |
4.7 |
| Vivid |
5.9 |
11.1 |
10.1 |
14.1 |
11.7 |
4.7 |
| Coral |
6.6 |
9.8 |
12.1 |
12.9 |
11.7 |
4.7 |
| High Contrast |
7.2 |
13.4 |
12.2 |
17.0 |
21.0 |
8.0 |
| AMOLED |
5.8 |
8.1 |
10.0 |
15.3 |
14.2 |
5.7 |
Diagnostic colors (error/warning/info/success) stay conventional red/yellow/blue/green across
all variants, so meaning is preserved for color-blind users (deuteranopia, protanopia).
Language Coverage
Full TextMate scope coverage plus semanticTokenColors for:
TypeScript · JavaScript · JSX/TSX · Python · Go · Rust · Java · C · C++ · C# · Ruby · PHP ·
HTML · CSS · SCSS · Markdown · JSON · YAML · Shell/Bash · SQL · Dockerfile
Install
From VSIX (local)
cd vscode-fiesta-dark
.\package.ps1 # builds fiesta-dark-0.2.0.vsix
code --install-extension fiesta-dark-0.2.0.vsix
Then Ctrl+K Ctrl+T and pick any of the 9 variants.
From VSCode Marketplace
Search "Fiesta Dark" in the Extensions panel, or:
ext install aneudy2000.fiesta-dark
See PUBLISHING.md for how the extension gets onto the Marketplace.
Development
Open this folder in VSCode and press F5 to launch an Extension Development Host
with all 9 variants available.
Credits
- Fiesta palette — San Antonio Spurs Fiesta City Edition identity (1989–2002, 2020–21, 2025–26).
- Structural inspiration — One Dark Pro (VSCode) for workbench color organization.
- Author — Jose (aneudy2000@gmail.com)
- License — MIT
Screenshots
Install the theme and open a TypeScript or Python file in each variant to see the palette in action.
(Screenshot placeholder — add screenshots/<variant>.png and reference here before publishing.)