How to install Synthwave x Fluoromachine theme for VS Code on MacOS/Windows

Visual Studio Code Jan 05, 2020

I recently found this theme while I was on Twitter and I truly love it!

Synthwave x Fluoromachine theme is a combination between Synthwave '84 theme and Fluoromachine and the final result is just amazing and in order to activate it in your MacOS machine, you just need to follow these simple steps.

Installing the theme

  • Go to the extensions section in your VS Code and look for Synthwave x Fluoromachine and install it or click on this link
  • Now install Custom CSS and JS Loader from the same extensions section or click on this link
  • Open your settings.json
    • MacOS code $HOME/Library/ApplicationSupport/Code/User/settings.json
    • Windows code %APPDATA%\Code\User\settings.json
  • Paste these two lines at the end of your settings.json file and save it
  • MacOS
{
    ...
    "vscode_custom_css.imports": [
    "file:///Users/{your username}/.vscode/extensions/webrender.synthwave-x-fluoromachine-0.0.9/synthwave-x-fluoromachine.css"
    ],
    "vscode_custom_css.policy": true
}
  • Windows
{
    ...
    "vscode_custom_css.imports": [
    "file:///C:/Users/{your username}/.vscode/extensions/webrender.synthwave-x-fluoromachine-0.0.9/synthwave-x-fluoromachine.css"
    ],
    "vscode_custom_css.policy": true
}
  • From the Command Palette (MacOS: Command+Shift+P, Windows: Ctrl+Shift+P) select Enable Custom CSS and JS then Reload Custom CSS and JS
  • Restart your VS Code and enjoy!
Synthwave x Fluoromachine - Visual Studio Marketplace
Extension for Visual Studio Code - Synthwave ’84 x Fluoromachine Theme