Skip to content

Vscode Retro theme which injects modern aesthetic looks and wild 80's animations into your VS code πŸš€πŸ’₯πŸ’£

License

Notifications You must be signed in to change notification settings

Bhanu1776/vscode-Jellyfish-x-Retro

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

36 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

JellyFish-x-Retro πŸš€


Get ready to fall in Love with this Retro theme β™₯️


This is a fork of JellyFish Theme. Kindly read Installation steps!!

Editor Appealing colors


Multi-Editors Cool gradients all over the theme


Terminal Awesome color combination of terminal


Theme Rocking Retro Animations


Animations Epic neon glowing tooltips, scale on hover and folding effects



Features of this Fork πŸ’«

First of all Thanks a lot to Pawel Borkar for such amazing work !!
This fork mainly includes Aesthetic retro look with crazy animations.

Installation

Unfortunately, the current installation is a bit complicated.
The following steps must be performed to install the theme:

  1. Install this theme from vscode or from here.

  2. Install Custom CSS and JS Loader vscode extension.

  3. Link the CSS file from this extension in your .vscode/settings.json:

    • To find settings.json: Hit CTRL + SHIFT + P and type "Open User Settings (JSON)".
  4. Paste the below code in settings.json at the end of the code before '}'

On Windows it might look something like the snippet below:

  ,"vscode_custom_css.imports": [
    "file:///C:/Users/{Your Windows Username}/.vscode/extensions/bhanu1776.jellyfish-retro-0.1.1/themes/JellyFish-x-Retro.css"
  ],

Mac & Linux  might resemble:

  ,"vscode_custom_css.imports": [
    "file:///Users/{your system username}/.vscode/extensions/bhanu1776.jellyfish-retro-0.1.1/themes/JellyFish-x-Retro.css"
  ],

  1. Don't forget to add your username in the above code !!

    • If you are confused with the above code you can simply redirect to that file path via Windows File explorer and paste in the above code. (optional)
  2. Finally, open the vscode command panel (Windows: ctrl + shift + p / Mac: cmd + shift + p ), and 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.

Contributing ✨

This is an open source project, and contributions of any kind are welcome and appreciated. Feel free to open bug tickets and make feature requests.

Contact ☎️

Support Me If You Appreciate My Work πŸ«‚


Β© 2022 Bhanu Sunka This project is licensed under the MIT license.

Love