Sakura 桜

Sakura blooms in VSCode.

さくら、ひらひら～～

Installation

Search sakura-chan in VSCode extension menu.

Animation

Add dist/trail.js from extension folder to activate animation.

"sakura-chan-theme.imports": [
    "file://<UserFolder>/.vscode/extensions/vincent-the-gamer.sakura-chan-theme-{plugin-version}/bloom.css",
    "file://<UserFolder>/.vscode/extensions/vincent-the-gamer.sakura-chan-theme-{plugin-version}/dist/trail.js"
],

To get better cursor effect, add these to settings.json

"editor.cursorBlinking": "solid",
"editor.cursorWidth": 3,
"editor.cursorSmoothCaretAnimation": "on"

Enable Blooming Effect

Provide your path to bloom.css in settings.json.

[!WARNING] file:// is required!!!!

macOS:

"sakura-chan-theme.imports": [
    "file:///Users/{USER_NAME}/.vscode/extensions/vincent-the-gamer.sakura-chan-theme-{plugin-version}/bloom.css"
],

Windows:

"sakura-chan-theme.imports": [
    "file://C:/Users/{USER_NAME}/.vscode/extensions/vincent-the-gamer.sakura-chan-theme-{plugin-version}/bloom.css"
],

Linux:

"sakura-chan-theme.imports": [
    "file:///home/{USER_NAME}/.vscode/extensions/vincent-the-gamer.sakura-chan-theme-{plugin-version}/bloom.css"
],

Then, run Enable Sakura Bloom

• Ctrl + Shift + P or Command + Shift + P
• Input enable sakura bloom

And happy hacking~~~ ☆´∀｀☆

Change font

If you like the font I'm using, you can download it:

Input Mono: https://input.djr.com/

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.1,
    "size": "cover",
    "position": "center",
    "interval": 0
},
"background.editor": {
    "background-position": "100% 100%",
    "background-size": "cover",
    "opacity": 0.3
},

Additionally, change your comment color.

"editor.tokenColorCustomizations": {
    "comments": {
        "foreground": "#ffcbfb",
        "fontStyle": "bold"
    }
},

Then your Code will look like my preview pic.

Preview

Normal

Glowing

Publish

pnpm run build
pnpm run publish

License

MIT