Skip to content

Color theme for VSCode to help you focus

Notifications You must be signed in to change notification settings

pveyes/aperture

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

36 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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