# Discord Cyberpunk-Neon

This is the Cyberpunk Neon theme for Discord. Everything is recolored to fit the theme. But nothing more than the colors are changed.

## Installation
You can choose between the classic version and the transparent version with a custom image background (screenshots below). **If you have problems with custom images not loading on the transparent version, try to upload them to imgur.com first**. Please notice that the transparent version is not my main focus and it can get some improvements.

### BetterDiscord
First, install [BetterDiscord](https://github.com/rauenzi/BetterDiscordApp/releases) if you don't already have it.

* Classic version: Download the discord-cyberpunk-neon CSS file (you can click [here](https://raw.githubusercontent.com/Roboron3042/Cyberpunk-Neon/master/CSS/discord/discord-cyberpunk-neon.theme.css) and right-click in the page to "Save As...". Then save the .css file in BetterDiscord's theme folder.
* Transparent version: Download the discord-cyberpunk-neon-Transparent CSS file (you can click [here](https://raw.githubusercontent.com/Roboron3042/Cyberpunk-Neon/master/CSS/discord/discord-cyberpunk-neon-transparent.theme.css) and right-click in the page to "Save As...". Then save the .css file in BetterDiscord's theme folder. If you want to change the background, edit the CSS file and change the URL image (instructions inside).

And don't forget to apply in BetterDiscord Theme Settings! This version will update itself everytime you open Discord.

### Web browser
First, install Stylus for [Chrome](https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne) or [Firefox](https://addons.mozilla.org/es/firefox/addon/styl-us/) if you don't already have it.

* Classic version:
	* [UserStyles.world](https://userstyles.world/style/2849/discord-cyberpunk-neon)
	* [Greasy Fork](https://greasyfork.org/en/scripts/409172-discord-cyberpunk-neon)
* Transparent version:
	* [UserStyles.world](https://userstyles.world/style/2848/discord-cyberpunk-neon-transparent)
	* [Greasy Fork](https://greasyfork.org/en/scripts/409171-discord-cyberpunk-neon-transparent)
	
Note: Styles available via userstyles.org are no longer supported. Please dont't use those.

## Screenshots 

Classic version
![Classic version](https://raw.githubusercontent.com/Roboron3042/Cyberpunk-Neon/master/CSS/discord/screenshots/discord-cyberpunk-neon-classic.png)

Transparent version
![Transparent version](https://raw.githubusercontent.com/Roboron3042/Cyberpunk-Neon/master/CSS/discord/screenshots/discord-cyberpunk-neon-transparent.png)

Others
![Others](https://raw.githubusercontent.com/Roboron3042/Cyberpunk-Neon/master/CSS/discord/screenshots/discord-popurri.png)

You are free to modify, share, and even propose changes to this theme if you want.