Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Background-image dont work. #14

Closed
lordjbs opened this issue Feb 16, 2017 · 4 comments
Closed

Background-image dont work. #14

lordjbs opened this issue Feb 16, 2017 · 4 comments
Labels

Comments

@lordjbs
Copy link

lordjbs commented Feb 16, 2017

I wanna change my background image with: .app { background-image: url("http://cdn-image.travelandleisure.com/sites/default/files/styles/1600x1000/public/1444253482/DG2015-paris.jpg"); } but it doesnt work! Can you help me?

@RhythmLunatic
Copy link

Add this to your CSS.

.theme-dark .layers { background: transparent !important; }

@leovoel
Copy link
Owner

leovoel commented Feb 17, 2017

that by itself is not enough i think. a lot of container elements have a background color, you'll have to make all those transparent first.

@lordjbs
Copy link
Author

lordjbs commented Feb 19, 2017

I made this what ArCofSpada said but it wont work:
.theme-dark .layers { background: transparent !important; } .app { background-image: url("http://cdn-image.travelandleisure.com/sites/default/files/styles/1600x1000/public/1444253482/DG2015-paris.jpg") !important;}

@leovoel
Copy link
Owner

leovoel commented Feb 19, 2017

yes, as i said before, many elements do have background-color set, you'll have to figure those out.

something like:

.layers * { background: transparent !important; }
.layers { background-color: red !important; /* or whatever else... */ }

...would "work", but then it would affect too much.

here's a list of all rules with background/background-color declarations:
https://gist.github.com/leovoel/754e467872155730d8f2e1bd2e3a1687

(note that this is not going to be necessarily accurate forever - discord's css may change. i use scripts to search easily for this info when i need it, i can share the one i used here if interested.)

it's quite long, and most stuff may not be necessary to modify, but should save you some time. you'll then need to do something like:

.chat, .messages-wrapper /* ...and other classes you want to change the styling of */ {
  background: transparent !important;
}

hope that helps

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

3 participants