Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

bio-dark-theme

joshuaiz210.1.5

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.

Theme, Dark Theme, Bio, Studio Bio, Oceanic, Solarized

readme

Bio Dark theme by 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

HTML/PHP

Bio Dark Theme: HTML/PHP

SCSS

Bio Dark Theme: Sass/SCSS


🗒 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.

  • The code in the screenshots (except for React) is from our WordPress starter theme Plate.

  • The typeface in the screenshots is SF Mono at 13px.

  • 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, Ahmad Awais for help, Oceanic Next, and Ethan Schoonover and the Solarized project.


We hope you make something cool with this theme!

changelog

Change Log

All notable changes to the "bio-dark-theme" extension will be documented in this file.

Check Keep a Changelog for recommendations on how to structure this file.

[Unreleased]

  • Initial release