Skip to content

thecodemonkey/synthwave-x-fluoromachine-epic-animations

Repository files navigation

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:

  1. Install this theme
  2. Install Custom CSS and JS Loader vscode extension
  3. 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"
    ]
}
  1. epic-80s-transitions.css is optional and brings crazy 80's animations into your VS code!
  2. 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