# Bio Dark Midnight theme by [studio.bio](https://studio.bio)

### 🌚🌑🌙

A dark theme for VS Code inspired by Oceanic Next and Solarized Dark. Optimized for JavaScript (React), PHP, HTML, and Sass/SCSS.

More emphasis on blues rather than greens as in Oceanic Next and Solarized. Colors are optimized for uniqueness, contrast, and comprehension. Extra attention was given to accentuate distinguishing features on a per-syntax basis to help with development.

##  📸 Screenshots

#### React
![Bio Dark Theme: React](https://studio.bio/images/bio-dark-react.png)

#### HTML/PHP
![Bio Dark Theme: HTML/PHP](https://studio.bio/images/bio-dark-html-php.png)

#### SCSS
![Bio Dark Theme: Sass/SCSS](https://studio.bio/images/bio-dark-scss2.png)

<br>

###  🗒 Notes:
- For VSCode v 1.4.3, please add this to your settings until Bio Dark can be updated to accommodate the new VSCode semantic highlighting:

"editor.semanticHighlighting.enabled": false,

More information about this issue can be found [here](https://github.com/microsoft/vscode/issues/92308).

- The code in the screenshots (except for React) is from our WordPress starter theme [Plate](https://github.com/joshuaiz/plate).

- The typeface in the screenshots is SF Mono at 14px.

- Not all languages were tested so if you have suggestions for a language that doesn't look quite right, I encourage you to submit a pull request here: https://github.com/joshuaiz/bio-dark-theme.

- Special thanks to Sarah Drasner for her excellent article on [creating a VS Code theme](https://css-tricks.com/creating-a-vs-code-theme/), Ahmad Awais for help, [Oceanic Next](https://github.com/voronianski/oceanic-next-color-scheme), and Ethan Schoonover and the [Solarized](https://ethanschoonover.com/solarized/) project.

<br />

###  We hope you make something cool with this theme!