Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/bhanu1776/vscode-jellyfish-x-retro

Vscode Retro theme which injects modern aesthetic looks and wild 80's animations into your VS code 🚀💥💣
https://github.com/bhanu1776/vscode-jellyfish-x-retro

css git github jellyfish retro theme visual-studio-code vscode vscode-extension

Last synced: about 2 months ago
JSON representation

Vscode Retro theme which injects modern aesthetic looks and wild 80's animations into your VS code 🚀💥💣

Awesome Lists containing this project

README

        

# JellyFish-x-Retro 🚀


> _Get ready to fall in Love with this Retro theme ♥️_


*This is a fork of JellyFish Theme. **Kindly read [Installation](#installation) steps!!***

![Editor](./assets/Preview1.PNG)
Appealing colors


![Multi-Editors](./assets/Preview2.PNG)
Cool gradients all over the theme


![Terminal](./assets/Preview3.PNG)
Awesome color combination of terminal


![Theme](./assets/1.gif)
Rocking Retro Animations


![Animations](./assets/2.gif)
Epic neon glowing tooltips, scale on hover and folding effects


---

## Features of this Fork 💫

First of all Thanks a lot to [Pawel Borkar](https://github.com/pawelborkar) 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](https://marketplace.visualstudio.com/items?itemName=Bhanu1776.jellyfish-retro).
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:
- 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"
],

```

5. 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)

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

## 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**](https://github.com/Bhanu1776/vscode-Jellyfish-x-Retro/blob/star/LICENSE).

![Love](https://img.shields.io/badge/I%20%E2%9D%A4%20-OpenSource-%23ff0055)