Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Bio DarkNew to Visual Studio Code? Get it now.

Bio Dark

studiobio

|
12,592 installs
| (3) | Free
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.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

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!

  • Contact us
  • Jobs
  • Privacy
  • Terms of use
  • Trademarks
© 2023 Microsoft