diss

Customize Discord with your favourite wallpaper and less useless tabs/buttons :D

Example

(relax, the font is set separately)

Compiling

Using the npm module

const makeCss = require("@liliace/diss");
const imageUrl = "https://example.com/image.jpg";
const shadow = 0.6;

const css = makeCss(imageUrl, shadow);

• imageUrl: The url of your image. Due to Discord's content security policy, only links under certain domains can be used. If you want to use your own image, the easiest way is to send it in some chat on Discord and copy the image link.
• shadow: How much to darken your image on a scale from 0 (no shadow) to 1 (completely black) so the texts are easier to read.

Using sed

If you don't want to install a whole npm package just for a simple CSS file, you can download discord.css and manually replace the $url and $shadows with your preferred value. Here's an example command to do it automatically:

curl -s https://git.sr.ht/~liliace/diss/blob/main/discord.css | \
  sed 's/\$url/https:\/\/example.com\/image.jpg/g; s/\$shadow/0.6/g'

Using the style sheet

If you use Discord on your browser, you can use an extension like Stylus to inject custom style sheets, targeting URLs starting with https://discord.com/channels/.

If you use the desktop app, check out diss-asar for modding the client.

Contributing

Discord is constantly updating their client. Feel free to report outdated styles (and other bugs) at ~liliace/[email protected].

Credits

Inspired by Ctrl W's Clean Discord.