VSCode Theme Aya

Murasame-style VSCode theme.

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

Description

Aya(綾) is one of the main characters in game 「Senren * Banka」.

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

Aya Bladelight

This extension has bundled Custom CSS and JS Loader. 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:

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

Windows:

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

Linux:

"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 extension.

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

"background.fullscreen": {
    "images": ["file:///path/to/pic"],
    "opacity": 0.18,
    "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.

"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.

License

MIT License © 2024 Vincent-the-gamer