https://github.com/joshuaiz/bio-dark-theme

A dark theme for Visual Studio Code inspired by Oceanic Dark and Solarized Dark.
https://github.com/joshuaiz/bio-dark-theme

dark-theme development oceanic php react-theme scss solarized vscode vscode-theme

Last synced: about 1 year ago
JSON representation

A dark theme for Visual Studio Code inspired by Oceanic Dark and Solarized Dark.

• Host: GitHub
• URL: https://github.com/joshuaiz/bio-dark-theme
• Owner: joshuaiz
• Created: 2018-11-05T08:19:39.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2020-03-10T18:04:52.000Z (over 6 years ago)
• Last Synced: 2025-04-18T10:24:00.757Z (about 1 year ago)
• Topics: dark-theme, development, oceanic, php, react-theme, scss, solarized, vscode, vscode-theme
• Homepage: https://studio.bio/themes/bio-dark
• Size: 74.2 KB
• Stars: 7
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md

Awesome Lists containing this project

README

          
# Bio Dark 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)




###  🗒 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 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](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.




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