Random Background Image From Image List - A BetterDiscord Plugin

tags: BetterDiscordPlugin Discord Plugin

Github

https://github.com/NawaNae/RandomBackground

Introduction

This is a betterdiscord plugin which make your discord change background image (from a customized image list) everytime when it's starting.

Install

1. Download the plugin.js and config.json then paste them to your bdplugin path (in Windows is usually at path "%appdata%\BetterDiscord\plugins")
2. If you have theme and there are background which has been set, you'd better let

--bgImage:

in theme file contains trasparency

(you can mix both background images because I don't replace the background of theme, the background of this plugin is the bottommost layer, body tag, of discord)
or set it to following statement
(transparent, theme's background will not effect this plugin and be invisible)

--bgImage:none;

or

--bgImage:rgba(0,0,0,0);

3. Default Css of body background image you can set it directly in your theme's file such as

body
{
    background-attachment: fixed;
    background-position: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}

Image List

1. Open "RandomBackgroundImages.config.json" file
2. Edit the Imagelist as following two style formats
   1. only image source(src/url)

   in this mode you can easily add new image, but can't assign different settings of diffenert images.

   ​​​​{
   ​​​​    "imageList":
   ​​​​    [
   ​​​​        "http://imgur.com/ljQVAD9.png",
   ​​​​        "http://imgur.com/KbfvL2h.png",
   ​​​​        "http://imgur.com/h9Bm0EF.png",
   ​​​​        /*...image sources...,*/
   ​​​​    ]
   ​​​​}
   

   2. with css settings
      support css list
      1.background-size
      2.background-repeat
      3.background-color
      4.background-position
      5.background-attachment

   ​​​​{
   ​​​​    "imageList":
   ​​​​    [
   ​​​​        {
   ​​​​            "src":"http://imgur.com/ljQVAD9.png",
   ​​​​            "background-size":"cover"
   ​​​​        },
   ​​​​        {
   ​​​​            "img":"http://imgur.com/KbfvL2h.png",
   ​​​​            "background-size":"100% 100%"
   ​​​​        },
   ​​​​        {
   ​​​​            "image":"http://imgur.com/h9Bm0EF.png",
   ​​​​            "background-color":"rgba(255,235,235,0.8)",
   ​​​​            "background-size":"cover",
   ​​​​            "background-repeat":"repeat-x",
   ​​​​            "background-position":"top center"
   ​​​​        }
   ​​​​    ]
   ​​​​}
   

   3. mix style(you can specify images settings and the others using default settings)

   ​​​​{
   ​​​​​   "imageList":
   ​​​​​   [
   ​​​​​       /*normal image*/
   ​​​​​       "http://imgur.com/ljQVAD9.png", 
   ​​​​​       ,/*special setting*/
   ​​​​​       {
   ​​​​​           "src":"http://imgur.com/KbfvL2h.png",
   ​​​​​           "background-size":"100% 100%"
   ​​​​​       },
   ​​​​​       "http://imgur.com/h9Bm0EF.png",
   ​​​​​       /*...other images...*/
   ​​​​​   ]
   ​​​​}