Color theme for VSCode to help you focus
Color Pallete
![Aperture Color Pallete](https://user-images.githubusercontent.com/1614415/58113966-f011b200-7c20-11e9-820c-6f8dac4fa5fc.png)
- 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](https://user-images.githubusercontent.com/1614415/58309921-a21ec900-7e2f-11e9-8329-ee62995e84de.png)
Small Aperture:
![Small Aperture Editor Theme Screenshot](https://user-images.githubusercontent.com/1614415/58309915-a0550580-7e2f-11e9-9297-fcae3c6e7495.png)
System Wide Dark Mode:
![vscode](https://user-images.githubusercontent.com/1614415/74020359-f83a9900-49cb-11ea-850e-1745b21c7cad.gif)
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