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 2 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/minamarkham/yonce-vscode
• Owner: minamarkham
• License: mit
• Created: 2018-09-09T09:58:58.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2019-05-06T18:06:16.000Z (almost 6 years ago)
• Last Synced: 2025-03-02T09:09:24.871Z (about 2 months ago)
• Topics: beyonce, dark-theme, theme, visual-studio-code, yonce
• Homepage: http://yoncetheme.com
• Size: 4.49 MB
• Stars: 17
• Watchers: 1
• Forks: 8
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

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)**