An open API service indexing awesome lists of open source software.

https://github.com/toshimaru/hybrid-next-plus

VSCode Hybrid Next Plus Theme.
https://github.com/toshimaru/hybrid-next-plus

vscode vscode-theme

Last synced: 6 months ago
JSON representation

VSCode Hybrid Next Plus Theme.

Awesome Lists containing this project

README

          


icon image

# Hybrid Next Plus

Hybrid Next Plus Theme for VS Code.

![screenshot 1](images/hybrid.png)

## Sidebar & Command Palette

![screenshot 2](images/sidebar.png)

## Colors

| color | hex color code |
| --- | --- |
| black (background) | ![#232c31](https://placehold.co/10x10/232c31/232c31.png) `#232c31` |
| white (foreground) | ![#c5c8c6](https://placehold.co/10x10/c5c8c6/c5c8c6.png) `#c5c8c6` |
| cyan | ![#4796c2](https://placehold.co/10x10/4796c2/4796c2.png) `#4796c2` |
| blue | ![#81a2be](https://placehold.co/10x10/81a2be/81a2be.png) `#81a2be` |
| purple | ![#b294bb](https://placehold.co/10x10/b294bb/b294bb.png) `#b294bb`|
| orange | ![#de935f](https://placehold.co/10x10/de935f/de935f.png) `#de935f` |
| yellow | ![#f0c674](https://placehold.co/10x10/f0c674/f0c674.png) `#f0c674` |
| green | ![#b5bd68](https://placehold.co/10x10/b5bd68/b5bd68.png) `#b5bd68` |
| red | ![#cc6666](https://placehold.co/10x10/cc6666/cc6666.png) `#cc6666` |

## Inspired Themes

### UI Theme

- [Atom One Dark](https://atom.io/themes/one-dark-ui)

### Syntax Theme

- [vim-hybrid](https://github.com/w0ng/vim-hybrid)
- [atom-hybrid-next](https://github.com/kaicataldo/hybrid-next-syntax)
- [vscode-hybrid-next](https://github.com/wyze/vscode-hybrid-next/)
- [Base16 Tomorrow](https://github.com/o4x/base16-tomorrow-vscode)

## Reference

- [Theme Color | Visual Studio Code Extension API](https://code.visualstudio.com/api/references/theme-color)
- [Visual Studio Code Themes](https://code.visualstudio.com/docs/getstarted/themes)
- [How to Create a Custom VS Code Theme (2020) - YouTube](https://www.youtube.com/watch?v=QCqWzb-9Sy8)