ADD: Script to generate userstyle discord css

CSS/README.md

@@ -2,8 +2,12 @@
 
 I've applied the Cyberpunk-Neon color scheme to some websites. You can install and manage them directly via greasyfork.org. Currently available websites are:
 
-* Mastodon (classic) - [Greasy Fork](https://greasyfork.org/es/scripts/409167-mastodon-cyberpunk-neon)
+* Mastodon (classic):
-* TweetDeck (dark) - [Greasy Fork](https://greasyfork.org/es/scripts/409158-tweetdeck-cyberpunk-neon) 
+	* [UserStyles.world](https://userstyles.world/style/2850/mastodon-cyberpunk-neon)
+	* [Greasy Fork](https://greasyfork.org/es/scripts/409167-mastodon-cyberpunk-neon)
+* TweetDeck (dark)
+	* [UserStyles.world](https://userstyles.world/style/2851/tweetdeck-cyberpunk-neon)
+	* [Greasy Fork](https://greasyfork.org/es/scripts/409158-tweetdeck-cyberpunk-neon) 
 
 Note: Styles available via userstyles.org are no longer supported. Please dont't use those.
 

CSS/discord/README.md

@@ -6,7 +6,7 @@ This is the Cyberpunk Neon theme for Discord. Everything is recolored to fit the
 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 (GNU/Linux version [here](https://gist.github.com/ObserverOfTime/d7e60eb9aa7fe837545c8cb77cf31172).
+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).
@@ -16,8 +16,12 @@ And don't forget to apply in BetterDiscord Theme Settings! This version will upd
 ### 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: use the [Greasy Fork version](https://greasyfork.org/en/scripts/409172-discord-cyberpunk-neon).
+* Classic version:
-* Transparent version: use the [Greasy Fork version](https://greasyfork.org/en/scripts/409171-discord-cyberpunk-neon-transparent).
+	* [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.
 

CSS/discord/discord-cyberpunk-neon-transparent.theme.css

@@ -2,9 +2,11 @@
 
 @import url("https://roboron3042.github.io/Cyberpunk-Neon/CSS/discord/base.css");
 
-/* Cyberpunk Neon color scheme is a cyberpunk/outrun color scheme based on the Cyberpunk Neon Color Palette. Want more of it? Check out the Cyberpunk Neon GitHub: https://github.com/Roboron3042/Cyberpunk-Neon 
+/* 
- 
+	Cyberpunk Neon color scheme is a cyberpunk/outrun color scheme based on the Cyberpunk Neon Color Palette.
-You are free to modify, share, and even propose changes to this theme if you want.
+	Autor: Roberto Michán Sánchez (Roboron)
+	Upstream URL / Report issues: https://github.com/Roboron3042/Cyberpunk-Neon
+	License: CC-BY-SA 4.0 https://creativecommons.org/licenses/by-sa/4.0/
 */
 
 /* CUSTOM BACKGROUND
@@ -21,17 +23,20 @@ You are free to modify, share, and even propose changes to this theme if you wan
     background-size: cover;
 }
 
-/* 12. TRANSPARENCY
+
+
+
+
+
+/* 13. TRANSPARENCY
 	You can modify the transparency changing the values of the following parameters */
 .theme-dark {
-	--transparency: .4;
+    --background-primary: rgba(9, 24, 51, .4) !important;
-	--less-transparency: .7;
+    --background-secondary: rgba(0, 11, 30, .4)  !important;
-    --background-primary: rgba(9, 24, 51, var(--transparency) ) !important;
+    --background-tertiary: rgba(0, 11, 30, .4) !important;
-    --background-secondary: rgba(0, 11, 30, var(--transparency) ) !important;
+    --deprecated-panel-background: rgba(9, 24, 51, .4) !important;
-    --background-tertiary: rgba(0, 11, 30, var(--transparency) ) !important;
+    --channeltextarea-background: rgba(19, 62, 124, .7) !important;
-    --deprecated-panel-background: rgba(9, 24, 51, var(--transparency) ) !important;
+    --background-secondary-alt: rgba(9, 24, 51, .7) !important;
-    --channeltextarea-background: rgba(19, 62, 124, var(--less-transparency) ) !important;
-    --background-secondary-alt: rgba(9, 24, 51, var(--less-transparency)) !important;
 
 }
 .theme-dark .inset-3sAvek {

CSS/discord/discord-cyberpunk-neon.theme.css

@@ -3,6 +3,7 @@
 @import url("https://roboron3042.github.io/Cyberpunk-Neon/CSS/discord/base.css");
 
 /* 
+	Cyberpunk Neon color scheme is a cyberpunk/outrun color scheme based on the Cyberpunk Neon Color Palette.
 	Autor: Roberto Michán Sánchez (Roboron)
 	Upstream URL / Report issues: https://github.com/Roboron3042/Cyberpunk-Neon
 	License: CC-BY-SA 4.0 https://creativecommons.org/licenses/by-sa/4.0/

CSS/discord/userstyle.sh

@@ -0,0 +1,72 @@
+#!/bin/bash
+
+TRANSPARENT=false
+GREASYFORK=false
+
+rm userstyle.css
+
+while getopts 'gtv:' opt; do
+	case "$opt" in
+		g)
+			GREASYFORK=true
+			;;
+		t)
+			TRANSPARENT=true
+			;;
+		v) 
+			VERSION="$OPTARG"
+			;;
+		?|h)
+			echo "Usage: $(basename $0) [-t] [-g] [-v version]"
+			exit 1
+	esac
+done
+
+if [ "$TRANSPARENT" = true ]
+then
+echo "/* ==UserStyle==
+@name           Discord Cyberpunk Neon Transparent
+@name:es        Discord Cyberpunk Neon Transparente
+@description    Cyberpunk Neon theme for Discord, transparent version (custom background allowed)
+@description:es Tema Cyberpunk Neon para Discord, versión con transparencia (fondo personalizado permitido)" >> userstyle.css
+
+else
+echo "/* ==UserStyle==
+@name           Discord Cyberpunk Neon
+@name:es        Discord Cyberpunk Neon
+@description    Cyberpunk Neon theme for Discord
+@description:es Tema Cyberpunk Neon para Discord" >> userstyle.css
+fi
+
+if [ "$GREASYFORK" = true ]
+then
+echo "@namespace      https://greasyfork.org/en/users/109012" >> userstyle.css
+else
+echo "@namespace      github.com/Roboron3042/Cyberpunk-Neon" >> userstyle.css
+fi
+
+echo \
+"@author         @Roboron3042 <robertoms258 at gmail dot com>
+@homepageURL    https://github.com/Roboron3042/Cyberpunk-Neon
+@supportURL     https://github.com/Roboron3042/Cyberpunk-Neon/issues
+@version        $VERSION
+@license        CC-BY-SA 4.0
+@preprocessor   stylus
+==/UserStyle== */" >> userstyle.css
+
+echo '@-moz-document url-prefix("https://discord.com/") {' >> userstyle.css
+if [ "$TRANSPARENT" = true ]
+then
+	sed -n '11, 30 p' discord-cyberpunk-neon-transparent.theme.css >> userstyle.css
+else
+	sed -n '11, 1000 p' discord-cyberpunk-neon.theme.css >> userstyle.css
+fi
+
+cat base.css >> userstyle.css
+
+if [ "$TRANSPARENT" = true ]
+then
+	sed -n '30, 1000 p' discord-cyberpunk-neon-transparent.theme.css >> userstyle.css
+fi
+
+echo "}" >> userstyle.css