refact0r / system24

a tui-style discord theme
MIT License
1.04k stars 40 forks source link

Feature Request: Custom (blurred) background image #41

Open trsted opened 3 weeks ago

trsted commented 3 weeks ago

In the FrostedGlass theme we have the option to use a custom image url and have it as the background image of Discord. I think it looks pretty awesome and still usable. Is it possible to do this with the system24 theme?

Example image of my theme before here and my customization lines:

/*
   * Background image variables
   */
  --background-image: url("https://w.wallhaven.cc/full/we/wallhaven-weg2qx.jpg"); /* Main background image | URL MUST BE A DIRECT LINK (ending in .jpg, .jpeg, .png, .gif) */
  --background-image-blur: 5px; /* Blur intensity of --background-image | Must end in px | DEFAULT: 5px */
  --background-image-size: cover; /* Size of the background image | DEFAUT: cover | OPTIONS: cover, contain */
  --background-image-position: center; /* Position of background image | DEAFULT: center | OPTIONS: top, right, bottom, left, center */
  /*

image

Thanks!

refact0r commented 1 week ago

it's possible but you need to find or make a snippet that does this. i don't plan on adding it to the theme anytime soon.