/aperture

Color theme for VSCode to help you focus

Aperture Logo

Color theme for VSCode to help you focus

Color Pallete

Aperture Color Pallete

  • Anti-Flash White #F2F7F2
  • Licorice #141414
  • Dark Pink #E75A7C
  • Dark Terra Cotta #D05353
  • Neon Carrot #F9A03F
  • Tuscan #F8DDA4
  • Medium Spring Bud #C3E88D
  • French Sky Blue #82AAFF
  • Lavender Purple #A67DB8
  • Mauve #DBB9F1

All colors (and their name) are retrieved from Coolors

Variants

There are 2 variants of this theme.

  • Large Aperture. Main theme which designed to perform best in low light condition (at night).
  • Small Aperture. Alternative theme to use when you're working under bright sunlight.

When using Small Aperture theme, color pallete are generated by darkening 25-50% (depending on how good its contrast ratio), except for background & foreground which uses invert method + minor adjustment.

You can use them both starting VSCode 1.42 now that it supports system-wide dark mode by enabling window.autoDetectColorScheme and setting both workbench.preferredLightColorTheme and workbench.preferredDarkColorTheme in your editor settings:

{
    "window.autoDetectColorScheme": true,
    "workbench.preferredLightColorTheme": "Small Aperture",
    "workbench.preferredDarkColorTheme": "Large Aperture",
}

Screenshot

Large Aperture: Large Aperture Editor Theme Screenshot

Small Aperture: Small Aperture Editor Theme Screenshot

System Wide Dark Mode: vscode

Supported Languages

Generally, all languages with good syntax highlighting support are already supported, but here's list of languages that I personally tested:

  • Web (HTML, CSS, JavaScript, JSON)
  • JavaScript+ (JSX, TypeScript)
  • Golang
  • Rust
  • Markdown

LICENSE

MIT