https://github.com/thecodemonkey/synthwave-x-fluoromachine-epic-animations

This theme brings crazy 80's animations into your VS code 🚀🎉
https://github.com/thecodemonkey/synthwave-x-fluoromachine-epic-animations

good-first-issue hacktoberfest synthwave theme visual-studio-code vscode vscode-extension vscode-theme

Last synced: 11 days ago
JSON representation

This theme brings crazy 80's animations into your VS code 🚀🎉

• Host: GitHub
• URL: https://github.com/thecodemonkey/synthwave-x-fluoromachine-epic-animations
• Owner: thecodemonkey
• License: mit
• Created: 2021-10-03T08:15:45.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2022-11-26T13:49:30.000Z (about 2 years ago)
• Last Synced: 2023-10-26T06:27:12.037Z (over 1 year ago)
• Topics: good-first-issue, hacktoberfest, synthwave, theme, visual-studio-code, vscode, vscode-extension, vscode-theme
• Language: CSS
• Homepage:
• Size: 3.26 MB
• Stars: 71
• Watchers: 4
• Forks: 17
• Open Issues: 15
• Metadata Files:
  • Readme: README.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        
  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](https://marketplace.visualstudio.com/items?itemName=RobbOwen.synthwave-vscode), merged with @fullerenedream's [Fluoromachine](https://colorsublime.github.io/themes/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](https://marketplace.visualstudio.com/items?itemName=be5invis.vscode-custom-css) 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"

    ]

}

```

4. `epic-80s-transitions.css` is optional and brings crazy 80's animations into your VS code!

5. 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](https://github.com/kiliman/operator-mono-lig).





## 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