https://github.com/wyze/vscode-hybrid-next

A port of the Hybrid Next theme to VS Code.
https://github.com/wyze/vscode-hybrid-next

dark-theme vscode-theme

Last synced: 3 months ago
JSON representation

A port of the Hybrid Next theme to VS Code.

• Host: GitHub
• URL: https://github.com/wyze/vscode-hybrid-next
• Owner: wyze
• License: mit
• Created: 2017-02-22T20:42:56.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2023-02-03T02:34:20.000Z (almost 2 years ago)
• Last Synced: 2024-06-14T21:08:33.658Z (7 months ago)
• Topics: dark-theme, vscode-theme
• Language: TypeScript
• Homepage: https://marketplace.visualstudio.com/items?itemName=wyze.theme-hybrid-next
• Size: 1.44 MB
• Stars: 8
• Watchers: 3
• Forks: 4
• Open Issues: 4
• Metadata Files:
  • Readme: readme.md
  • Changelog: changelog.md
  • License: license

Awesome Lists containing this project

README

        
# Hybrid Next

[![Version][version-image]][marketplace-url]

[![Installs][installs-image]][marketplace-url]

[![Rating][rating-image]][marketplace-url]

> A port of the [Hybrid Next](https://github.com/kaicataldo/hybrid-next-syntax) theme to VS Code.

## Installation

### Extension Marketplace

Launch VS Code Quick Open (⌘+P), paste the following command, and press enter.

`ext install theme-hybrid-next`

### Download `.vsix` From Releases

Go to the [latest release](https://github.com/wyze/vscode-hybrid-next/releases/latest) and download the `.vsix` file.

Use the VS Code Command Palette (⇧⌘P) and run `Extensions: Install from VSIX...`.

### Clone Repository

Change to your VS Code extensions directory:

```sh

# Windows

$ cd %USERPROFILE%\.vscode\extensions

# Linux & macOS

$ cd ~/.vscode/extensions/

```

Clone this repository as `wyze.theme-hybrid-next`:

```sh

$ git clone https://github.com/wyze/vscode-hybrid-next.git wyze.theme-hybrid-next

```

## Screenshots

> Screenshots are using [Fira Code](https://github.com/tonsky/FiraCode) font.

### Base

![JS](.github/media/js.png)

![HTML](.github/media/html.png)

### Gray Background

![Gray Background JS](.github/media/graybg-js.png)

![Gray Background HTML](.github/media/graybg-html.png)

## Build

This will generate the themes to the `themes/` folder.

```sh

$ git clone https://github.com/wyze/vscode-hybrid-next.git

$ cd vscode-hybrid-next

$ npm install

$ npm run build

```

## Credits

Thank you to [Kai Cataldo](//github.com/kaicataldo) for making the Hybrid Next theme for Atom.

## Change Log

> [Full Change Log](changelog.md)

### [v2.4.0](https://github.com/wyze/vscode-hybrid-next/releases/tag/v2.4.0) (2019-07-27)

* Change status bar background color ([@wyze](https://github.com/wyze) in [1271aa9](https://github.com/wyze/vscode-hybrid-next/commit/1271aa9))

* Convert project to new structure ([@wyze](https://github.com/wyze) in [b5cca6c](https://github.com/wyze/vscode-hybrid-next/commit/b5cca6c))

## License

MIT © [Neil Kistner](https://neilkistner.com)

[version-image]: https://vsmarketplacebadge.apphb.com/version/wyze.theme-hybrid-next.svg

[installs-image]: https://vsmarketplacebadge.apphb.com/installs/wyze.theme-hybrid-next.svg

[rating-image]: https://vsmarketplacebadge.apphb.com/rating-short/wyze.theme-hybrid-next.svg

[marketplace-url]: https://vsm.li/wyze.theme-hybrid-next