synthwave-x-fluoromachine-epic-animations
synthwave-x-fluoromachine-epic-animations copied to clipboard
This theme brings crazy 80's animations into your VS code 🚀🎉
Synthwave x Fluoromachine & epic animations
This theme brings crazy 80's animations into your VS code 🚀🎉
This is a fork of synthwave-x-fluoromachine, wich is also fork of @robbowen's Synthwave '84 theme, merged with @fullerenedream's Fluoromachine theme for VSCode.
legendary TRON underground
epic neon glowing tooltips and folding effects
Why?
The job of a software developer is hard and often too serious. You always have to be productive and effective. But sometimes you need to take the time to just be a nerd 🤓 or to just have fun again. This theme is exactly for such times! Such nerdy times need to be celebrated accordingly 🎉🦄
Installation
Unfortunately, the current installation is a bit complicated. A hassle-free installation is already in development. Until then, the following steps must be performed to install the theme:
- Install this theme
- Install Custom CSS and JS Loader vscode extension
- Link the CSS file from this extension in your .vscode/settings.json:
On Mac it might look something like the snippet below:
{
"vscode_custom_css.imports": [
"file:///Users/{your username}/.vscode/extensions/thecodemonkey.synthwave-x-fluoromachine-epic-animations-1.4.13/synthwave-x-fluoromachine.css",
"file:///Users/{your username}/.vscode/extensions/thecodemonkey.synthwave-x-fluoromachine-epic-animations-1.4.13/epic-80s-transitions.css"
]
}
Windows might resemble:
{
"vscode_custom_css.imports": [
"file:///C:/Users/{your username}/.vscode/extensions/thecodemonkey.synthwave-x-fluoromachine-epic-animations-1.4.13/synthwave-x-fluoromachine.css",
"file:///C:/Users/{your username}/.vscode/extensions/thecodemonkey.synthwave-x-fluoromachine-epic-animations-1.4.13/epic-80s-transitions.css"
]
}
-
epic-80s-transitions.css
is optional and brings crazy 80's animations into your VS code! - From the command panel, select
Reload Custom CSS and JS
. You'll need to run this command every time vscode updates.
Font
The font being used in the screenshot above is Operator Mono with Ligatures.
Contibution
All contributions are welcome, including issues, new docs as well as updates and tweaks, blog posts, workshops, and more.
Contact
Write me on twitter.
License
i ❤️ MIT