diff --git a/CSS/README.md b/CSS/README.md index 72eca1b..afd9e54 100644 --- a/CSS/README.md +++ b/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) -* TweetDeck (dark) - [Greasy Fork](https://greasyfork.org/es/scripts/409158-tweetdeck-cyberpunk-neon) +* Mastodon (classic): + * [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. diff --git a/CSS/discord/README.md b/CSS/discord/README.md index ee59fa9..b091d8b 100644 --- a/CSS/discord/README.md +++ b/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,9 +16,13 @@ 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). -* Transparent version: use the [Greasy Fork version](https://greasyfork.org/en/scripts/409171-discord-cyberpunk-neon-transparent). - +* 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 diff --git a/CSS/discord/discord-cyberpunk-neon-transparent.theme.css b/CSS/discord/discord-cyberpunk-neon-transparent.theme.css index f5fbbb3..cf4a35d 100644 --- a/CSS/discord/discord-cyberpunk-neon-transparent.theme.css +++ b/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 - -You are free to modify, share, and even propose changes to this theme if you want. +/* + 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/ */ /* 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; - --less-transparency: .7; - --background-primary: rgba(9, 24, 51, var(--transparency) ) !important; - --background-secondary: rgba(0, 11, 30, var(--transparency) ) !important; - --background-tertiary: rgba(0, 11, 30, var(--transparency) ) !important; - --deprecated-panel-background: rgba(9, 24, 51, var(--transparency) ) !important; - --channeltextarea-background: rgba(19, 62, 124, var(--less-transparency) ) !important; - --background-secondary-alt: rgba(9, 24, 51, var(--less-transparency)) !important; + --background-primary: rgba(9, 24, 51, .4) !important; + --background-secondary: rgba(0, 11, 30, .4) !important; + --background-tertiary: rgba(0, 11, 30, .4) !important; + --deprecated-panel-background: rgba(9, 24, 51, .4) !important; + --channeltextarea-background: rgba(19, 62, 124, .7) !important; + --background-secondary-alt: rgba(9, 24, 51, .7) !important; } .theme-dark .inset-3sAvek { diff --git a/CSS/discord/discord-cyberpunk-neon.theme.css b/CSS/discord/discord-cyberpunk-neon.theme.css index d6a593f..61d7ea7 100644 --- a/CSS/discord/discord-cyberpunk-neon.theme.css +++ b/CSS/discord/discord-cyberpunk-neon.theme.css @@ -2,10 +2,11 @@ @import url("https://roboron3042.github.io/Cyberpunk-Neon/CSS/discord/base.css"); -/* - 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/ +/* + 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/ */ /* Web scrollbars diff --git a/CSS/discord/userstyle.sh b/CSS/discord/userstyle.sh new file mode 100755 index 0000000..145bc8f --- /dev/null +++ b/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 +@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