https://github.com/pveyes/aperture

Color theme for VSCode to help you focus
https://github.com/pveyes/aperture

oss theme vscode vscode-theme

Last synced: 26 days ago
JSON representation

Color theme for VSCode to help you focus

• Host: GitHub
• URL: https://github.com/pveyes/aperture
• Owner: pveyes
• Created: 2019-05-13T10:38:34.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2022-07-16T17:06:39.000Z (over 2 years ago)
• Last Synced: 2024-10-12T23:19:55.129Z (2 months ago)
• Topics: oss, theme, vscode, vscode-theme
• Homepage: http://pvey.es/aperture
• Size: 99.6 KB
• Stars: 69
• Watchers: 3
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md

Awesome Lists containing this project

• awesome-made-by-indonesian - Aperture - `Color theme for VSCode to help you focus` *by [Fatih Kalifa](https://github.com/pveyes)* (A)
• made-in-indonesia - Aperture - `Color theme for VSCode to help you focus` *by [Fatih Kalifa](https://github.com/pveyes)* (A)

README

        


  



> 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](https://coolors.co)

## 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](https://code.visualstudio.com/updates/v1_42#_auto-switch-theme-based-on-os-color-scheme) by enabling `window.autoDetectColorScheme` and setting both `workbench.preferredLightColorTheme` and `workbench.preferredDarkColorTheme` in your editor settings:

```json

{

    "window.autoDetectColorScheme": true,

    "workbench.preferredLightColorTheme": "Small Aperture",

    "workbench.preferredDarkColorTheme": "Large Aperture",

}

```

## Screenshot

**Large Aperture**:



**Small Aperture**:



**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