https://github.com/vincent-the-gamer/vscode-theme-aya

Murasame-style VSCode Theme.
https://github.com/vincent-the-gamer/vscode-theme-aya

murasame senrenbanka vscode-extension vscode-theme yuzusoft

Last synced: 5 days ago
JSON representation

Murasame-style VSCode Theme.

• Host: GitHub
• URL: https://github.com/vincent-the-gamer/vscode-theme-aya
• Owner: Vincent-the-gamer
• License: mit
• Created: 2024-05-21T06:24:58.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-05-23T08:46:01.000Z (6 months ago)
• Last Synced: 2024-05-23T08:47:52.077Z (6 months ago)
• Topics: murasame, senrenbanka, vscode-extension, vscode-theme, yuzusoft
• Language: CSS
• Homepage: https://marketplace.visualstudio.com/items?itemName=vincent-the-gamer.aya
• Size: 10.1 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

        


    



VSCode Theme Aya




    Murasame-style VSCode theme.





    

        

            Aya is always with you. （づ￣3￣）づ╭❤～

        

    









## Description

[Aya(綾)](https://senren.nekonyansoft.com/chara.html) is one of the main characters in game [「Senren * Banka」](https://store.steampowered.com/app/1144400/SenrenBanka/).

She is generally called Murasame(ムラサメ) in the game, Aya(綾) is her real name.

## Aya Bladelight

This extension has bundled [Custom CSS and JS Loader](https://github.com/be5invis/vscode-custom-css). So you can simply get the glow effect and new startup logo showed in preview, just follow these steps:

1. Setup the path to `bladelight.css` in `settings.json`.

> [!WARNING]

> `file://` is required!!!!

macOS:

```json

"aya.imports": [

    "file:///Users/{USER_NAME}/.vscode/extensions/vincent-the-gamer.aya-{plugin-version}/bladelight.css"

],

```

Windows: 

```json

"aya.imports": [

    "file://C:/Users/{USER_NAME}/.vscode/extensions/vincent-the-gamer.aya-{plugin-version}/bladelight.css"

],

```

Linux:

```json

"aya.imports": [

    "file:///home/{USER_NAME}/.vscode/extensions/vincent-the-gamer.aya-{plugin-version}/bladelight.css"

],

```

2. Run `Enable Aya Bladelight`.

- `Ctrl + Shift + P` or `Command + Shift + P`

- Input `enable aya bladelight`

- P.S. Disable it by running `Disable Aya Bladelight`

And happy hacking~~~ ☆´∀｀☆

## Add a background image

Please use [Background](https://github.com/shalldie/vscode-background) extension.

Download pic from the top of this document, then add these codes to `settings.json`.

```json

"background.fullscreen": {

    "images": ["file:///path/to/your/pic"],

    "opacity": 0.91,

    "size": "cover",

    "position": "center",

    "interval": 0

},

"background.editor": {

    "background-position": "100% 100%",

    "background-size": "cover",

    "opacity": 0.18

},

```

Additionally, avoid your comment color to be green-like.

```json

"editor.tokenColorCustomizations": {

    "comments": {

        "foreground": "#856cff",

        "fontStyle": "bold"

    }

},

```

Then your Code will look like my preview pic.

## Preview

Enable Aya Bladelight to get the glow effect and custom logo.

![preview](./.github/preview.png)

![preview2](./.github/preview-2.png)

## License

[MIT](./LICENSE) License © 2024 [Vincent-the-gamer](https://github.com/Vincent-the-gamer)