diff --git a/ThemesV2/BasicBackground/README.md b/ThemesV2/BasicBackground/README.md new file mode 100644 index 0000000000..add65b7947 --- /dev/null +++ b/ThemesV2/BasicBackground/README.md @@ -0,0 +1,5 @@ +# These Themes are meant only for BDv2, not BD nor BandagedBD. If you got either of those two go to [Themes](https://github.com/mwittrien/BetterDiscordAddons/tree/master/Themes/) + +## Basic Background - [Download Style](https://betterdiscord.net/ghdl?url=https://raw.githubusercontent.com/mwittrien/BetterDiscordAddons/master/ThemesV2/BasicBackground/index.css) [Download Config](https://betterdiscord.net/ghdl?url=https://raw.githubusercontent.com/mwittrien/BetterDiscordAddons/master/ThemesV2/BasicBackground/config.json) + +Allows you to use a background image in Discord without greatly altering the basic look of Discord. diff --git a/ThemesV2/BasicBackground/background.jpg b/ThemesV2/BasicBackground/background.jpg new file mode 100644 index 0000000000..37b90cbb25 Binary files /dev/null and b/ThemesV2/BasicBackground/background.jpg differ diff --git a/ThemesV2/BasicBackground/config.json b/ThemesV2/BasicBackground/config.json new file mode 100644 index 0000000000..8bce020503 --- /dev/null +++ b/ThemesV2/BasicBackground/config.json @@ -0,0 +1,108 @@ +{ + "info": { + "name": "BasicBackground", + "authors": [ + { + "name": "DevilBro", + "url": "https://www.paypal.me/MircoWittrien", + "discord_id": "278543574059057154", + "github_username": "mwittrien" + } + ], + "version": 1.0, + "description": "Allows you to use a background image in Discord without greatly altering the basic look of Discord. \n\nMy Support Server: http://bit.ly/DevilBrosHaus or https://discordapp.com/invite/Jx3TjNS.", + "type": "sass" + }, + "main": "index.scss", + "defaultConfig": [ + { + "category": "default", + "settings": [ + { + "id": "var-background", + "type": "file", + "value": [ + "background.jpg" + ], + "text": "Background image" + }, + { + "id": "var-accentcolor", + "type": "colour", + "value": "rgb(190, 78, 180)", + "text": "Accent color" + }, + { + "id": "var-backdropcolor", + "type": "colour", + "value": "rgba(0, 0, 0, 0.4)", + "text": "Backdrop color" + }, + { + "id": "var-transparency-color", + "type": "colour", + "value": "rgba(0, 0, 0, 0.15)", + "text": "Transparency color" + }, + { + "id": "var-transparency-message", + "type": "slider", + "value": 0.5, + "min": 0, + "max": 1, + "step": 0.05, + "text": "Message transparency" + }, + { + "id": "var-transparency-memberlist", + "type": "slider", + "value": 0, + "min": 0, + "max": 1, + "step": 0.05, + "text": "Member list transparency" + } + ] + } + ], + "configSchemes": [ + { + "id": "default-scheme", + "name": "Reset to default", + "icon_url": "https://mwittrien.github.io/BetterDiscordAddons/ThemesV2/BasicBackground/background.jpg", + "settings": [ + { + "category": "default", + "settings": [ + { + "id": "var-background", + "value": [ + "background.jpg" + ] + }, + { + "id": "var-accentcolor", + "value": "rgb(190, 78, 180)" + }, + { + "id": "var-backdropcolor", + "value": "rgba(0, 0, 0, 0.4)" + }, + { + "id": "var-transparency-color", + "value": "rgba(0, 0, 0, 0.15)" + }, + { + "id": "var-transparency-message", + "value": 0.5 + }, + { + "id": "var-transparency-memberlist", + "value": 0 + } + ] + } + ] + } + ] +} diff --git a/ThemesV2/BasicBackground/index.scss b/ThemesV2/BasicBackground/index.scss new file mode 100644 index 0000000000..84e8f807ea --- /dev/null +++ b/ThemesV2/BasicBackground/index.scss @@ -0,0 +1,21 @@ +@import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/BasicBackground/BasicBackground.css); + +$var-accentcolor: rgb(190, 78, 180) !default; +$var-backdropcolor: rgba(0, 0, 0, 0.4) !default; + +$var-transparency-color: rgba(0, 0, 0, 0.15) !default; +$var-transparency-message: 0.5 !default; +$var-transparency-memberlist: 0 !default; + +$var-background: (url: "https://mwittrien.github.io/BetterDiscordAddons/ThemesV2/BasicBackground/background.jpg") !default; + + +:root { + --transparencycolor: #{red($var-transparency-color)},#{green($var-transparency-color)},#{blue($var-transparency-color)}; + --transparencyalpha: opacity($var-transparency-color); + --messagetransparency: $var-transparency-message; + --memberlistransparency: $var-transparency-memberlist; + --accentcolor: #{red($var-accentcolor)},#{green($var-accentcolor)},#{blue($var-accentcolor)}; + --background: url(map-get($var-background, url)); + --backdrop: $var-backdropcolor; +} \ No newline at end of file diff --git a/ThemesV2/README.md b/ThemesV2/README.md index f17ebb2501..79cde5bf7d 100644 --- a/ThemesV2/README.md +++ b/ThemesV2/README.md @@ -1,4 +1,4 @@ -# These Themes are meant only for BDv2, not BD nor BandagedBD. If you got either of those two go to [Themes](https://github.com/mwittrien/BetterDiscordAddons/tree/master/Themes/). +# These Themes are meant only for BDv2, not BD nor BandagedBD. If you got either of those two go to [Themes](https://github.com/mwittrien/BetterDiscordAddons/tree/master/Themes/) ## Themes - - There are no working Themes right now \ No newline at end of file + - [Basic Background](https://github.com/mwittrien/BetterDiscordAddons/tree/master/ThemesV2/BasicBackground) - Allows you to use a background image in Discord without greatly altering the basic look of Discord.