Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/minamarkham/yonce-vscode

A dark theme for Visual Studio Code. Inspired by Queen Bey.
https://github.com/minamarkham/yonce-vscode

beyonce dark-theme theme visual-studio-code yonce

Last synced: about 1 month ago
JSON representation

A dark theme for Visual Studio Code. Inspired by Queen Bey.

Awesome Lists containing this project

README

        


![logo](https://raw.githubusercontent.com/minamarkham/yonce-vscode/master/images/logotype.png)

A Queen Bey-inspired theme for Visual Studio Code.

[![vscode](https://img.shields.io/badge/vscode-v1.27+-373277.svg?style=for-the-badge)](https://code.visualstudio.com/updates/v1_27)

![theme preview](https://raw.githubusercontent.com/minamarkham/yonce-vscode/master/images/editor.png)
![theme preview](https://raw.githubusercontent.com/minamarkham/yonce-vscode/master/images/workbench.png)
> The font in the screenshot is `Dank Mono`. From £40. https://dank.sh


## Screenshots

#### CSS
![theme preview](https://raw.githubusercontent.com/minamarkham/yonce-vscode/master/images/css.png)

#### JavaScript/JSX
![theme preview](https://raw.githubusercontent.com/minamarkham/yonce-vscode/master/images/jsx.png)

#### PHP
![theme preview](https://raw.githubusercontent.com/minamarkham/yonce-vscode/master/images/php.png)

#### Markdown
![theme preview](https://raw.githubusercontent.com/minamarkham/yonce-vscode/master/images/markdown.png)

#### Shell
![theme preview](https://raw.githubusercontent.com/minamarkham/yonce-vscode/master/images/shell.png)

_You can test various syntax highlighting in this repo: [https://github.com/uloco/syntax-highlighting-samples](https://github.com/uloco/syntax-highlighting-samples)_

## Recommended Settings

Following extensions/tools are recommended for this theme:

- [file-icons](https://marketplace.visualstudio.com/items?itemName=file-icons.file-icons) - For file icons. Used in the screenshot.
- [Dank Mono](https://dank.sh) - Coding font for 40£. Used in the screenshot.
- [vscode-icons](https://marketplace.visualstudio.com/items?itemName=robertohuertasm.vscode-icons) - Alternative file icons.
- [Operator Mono](https://www.typography.com/blog/introducing-operator) - Another coding font, if you can spend $200.

Also note the recommended user settings.

```json
{
// Controls the font family.
"editor.fontFamily": "Dank Mono",
// Enables font ligatures
"editor.fontLigatures": true,
// Adds icons to files
"workbench.iconTheme": "file-icons",
}
```

## Installation
* **Recommended:** This theme is available for free in the [Visual Studio Code Marketplace](https://marketplace.visualstudio.com/search?term=yonce&target=vscode&category=Themes&sortBy=Relevance).
- It can be installed by the shortcut P / P and typing `ext install yonce` or by the shortcut X and typing `yonce`.
* **Alternative method:** Clone this repo inside your `.vscode/extensions` folder.

## Contributing

Found something strange? Please report [here](https://github.com/minamarkham/yonce-vscode/issues).

Love this theme? Put some respeck on my check. Or [pay me in cupcakes](https://cash.me/$MinaMarkham).

## License

This theme is released under the [MIT License](https://github.com/minamarkham/yonce-vscode/blob/master/LICENSE).

Designed with ❤️ by **[Mina](https://github.com/minamarkham)**