Add option to select a popout background

[Filipe Laíns]

Right now when we click on something (ex. an user), we get presented with the following.

Would it be possible to add an option for a background there?

Preview:

Getting an option to configure the "Message @..." would also be great!

Thanks :)

[Chris]

Thanks for the suggestion. Quake and I will definitely look into adding more customization options

[Filipe Laíns]

Well, this seems to be working for users. I don't really have the time to work on the other popouts.

.userPopout-3XzG_A {
    background: url(https://i.imgur.com/kvPnkJY.jpg) center/cover no-repeat;
}

.userPopout-3XzG_A .role-2irmRk,
.userPopout-3XzG_A .header-2BwW8b,
.userPopout-3XzG_A .body-3iLsc4,
.userPopout-3XzG_A .footer-1fjuF6,
.userPopout-3XzG_A .quickMessage-1yeL4E,
.userPopout-3XzG_A .note-3kmerW textarea:focus {
    background: rgba(0, 0, 0, 0) !important;
}

[Filipe Laíns]

Here's my final theme. Perhaps you could integrate some of the changes to the main theme 😁.

https://gist.github.com/FFY00/0dd43b3ee2fac5504c498f8850a205c4

[Paul Guillamon]

We made some changes in order to achieve something like this and corrected some colors.

Refer to: #109

In order to change the background like in the image (or moreless):

.userPopout-3XzG_A {
    background: linear-gradient(175deg, #1B1220, #B8424A, #17335e);
} 

Or as you mentioned, with an image:

.userPopout-3XzG_A {
    background: url(https://i.imgur.com/kvPnkJY.jpg) center/cover no-repeat;
}

Feel free to reopen this issue or letting us know in #suggestions / #issues-bugs inside our Discord server for further changes.