Awesome
<div align="center"> <img width="300" alt="Aperture Logo" src="https://user-images.githubusercontent.com/1614415/57772114-d6fb9380-773e-11e9-92e1-b74d4dd0f3ff.png" /> </div>Color theme for VSCode to help you focus
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: <img width="1137" alt="Large Aperture Editor Theme Screenshot" src="https://user-images.githubusercontent.com/1614415/58309921-a21ec900-7e2f-11e9-8329-ee62995e84de.png">
Small Aperture: <img width="1137" alt="Small Aperture Editor Theme Screenshot" src="https://user-images.githubusercontent.com/1614415/58309915-a0550580-7e2f-11e9-9297-fcae3c6e7495.png">
System Wide Dark Mode:
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