UNPKG

bio-dark-midnight-theme

Version:

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

40 lines (22 loc) 1.84 kB
# 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!