home icon

[vagrant cloak]

this also affects the favourites server button

[urban sleet]

ok well that's a shame

if i could solely select the home one in an easier way i would

i'll figure something out later but you might just have to cope with it for the time being

if the home icon had a unique class that would be great but clearly it isn't

[balmy flower]

it sets any background of a server with a transparent icon to the icon you set

https://limey-is.me/qhqmEntB4dqh/direct

besides that, i like it :3

not the uh- server- icon stuff but

you get what i mean

[urban sleet]

oh wtf

i'm gonna have to figure out selection things

[vagrant cloak]

[class^=tutorialContainer]:first-child svg { visibility: hidden }
[class^=tutorialContainer]:first-child [class^=wrapper] {
  background: url(PUT IMAGE URL HERE !!! OR YOU WILL EXPLOD !!!!);
  background-size: contain;
}

made it rehashproof and fix selection

[deep pilot]

share the sakura icon image you used in the example prettyplease

[urban sleet]

use inspect element on the previews

[shell granite]

tyyy!

works perfectly

[deep pilot]

sorry for being helpless with this, but how can i fix this? with the image in front of the container

[urban sleet]

how did you manage to make it a square

hold on

[deep pilot]

no clue

this is what i have

/* home icon */
[class^=tutorialContainer]:first-child svg { visibility: hidden }
[class^=tutorialContainer]:first-child [class^=wrapper] {
  background: url(https://discord.com/assets/37a397ee39fe0063db4a2b3221aa8425.webp);
  background-size: contain;
}

[urban sleet]

hold on, i'll get the right code

[shell granite]

hmm, does anyone else have problems getting to dms now when clicking on the home icon?

with this css?

[urban sleet]

no

[deep pilot]

when using this, yes i did

[shell granite]

hmm

yeah even tho visibility: none shouldn't remove it, when it's in my css it stops working

'dunno

[urban sleet]

use the old code for now

[shell granite]

unfortunately i have a bunch of servers with no icon

tho i think i can combine both maybe

[urban sleet]

one sec, i think i got it

[urban sleet]

fixed it!

just putting it all together

omfg nevermind

ok everyone thank discord's accessibility team

`/* home icon */
.childWrapper-1j_1ub{
background: url("REPLACE THIS WITH YOUR IMAGE URL!!!! IMAGE HERE PUT IMAGE HERE!!!!! IMAGE !!!!!!1!!");
background-size: contain;
visibility: hidden;
}

[aria-label='Direct Messages'].wrapper-3kah-n {
background: url(REPLACE THIS WITH YOUR IMAGE URL!!!! IMAGE HERE PUT IMAGE HERE!!!!! IMAGE !!!!!!1!!);
background-size: contain;
}`

there

that should work

@deep pilot @balmy flower @shell granite

[shell granite]

hmm

servers with no server icon are now blank

interesting

wait i know why

wait jk

[balmy flower]

thank you!!

[deep pilot]

fire thanku sm

[urban sleet]

honestly

i would say i would fix this

but they do like. not have an icon so it's an easy fix

i'll work on it but it's not high priority

[shell granite]

yeah all g

ill have to look into it when im free

nw

[urban sleet]

@shell granite fixed it

hold on

go check the main message

edited code should work, does for me

lmk

[shell granite]

hm i get a syntax error with role:"treeitem"

dunno

[urban sleet]

i mean yeah

it's a syntax error

but it works

[urban sleet]

@shell granite i lied there was a fatal error

newest update fixes it

paste the shit in from the main message

[shell granite]

Oop I'm abt to sleep

[urban sleet]

regardless it should work, it does for me

[shell granite]

I'll check it out tmrw!

Ty

[urban sleet]

pls lmk if anything else is off

yw

[deep pilot]

works good 4 me

[rigid flare]

where did you get the mac-controls in the screenshot from? @urban sleet

[urban sleet]

from my computer..?

[rigid flare]

oh lol I thought it's a snippet

[hasty fox]

it doesn't work for me, idk why

i've tried to do it with images from #📜-js-snippets message

[half crystal]

nice thanks

[sly swan]

This code goes:

/* Home Icon */
.wrapper-3kah-n[data-list-item-id="guildsnav___home"] .childWrapper-1j_1ub {
    background: url("REPLACE THIS WITH YOUR IMAGE/GIF URL!") no-repeat center;
    background-size: cover;
}
.childWrapper-1j_1ub svg {
    display: none;
}

[rigid flare]

give me that image url asap

[sly swan]

here:
https://media.giphy.com/media/SUQMgNasXYdVYmFiU8/giphy.gif

[rigid flare]

that makes me happy

but too bad this screws up the fav. button 💀

[sly swan]

Can you send me a picture of it?

[rigid flare]

ye sure

@sly swan

[sly swan]

hm ok i fix that, hold on

Here with it should be fixed :D :

/* Home Icon */
.wrapper-3kah-n[data-list-item-id="guildsnav___home"] .childWrapper-1j_1ub {
    background: url("REPLACE THIS WITH YOUR IMAGE/GIF URL!") no-repeat center;
    background-size: cover;
}
.wrapper-3kah-n[data-list-item-id="guildsnav___home"] .childWrapper-1j_1ub svg {
    display: none;
}

[rigid flare]

aight lemme check

works

[hasty fox]

😭

[hasty fox]

this works only when the tab is opened

(when the nitro discord theme is applied)

[sly swan]

I look later

[sly swan]

Now it should be bug free @hasty fox

/* Home Icon */
.wrapper-3kah-n[data-list-item-id="guildsnav___home"] .childWrapper-1j_1ub {
    background: url("REPLACE THIS WITH YOUR IMAGE/GIF URL!") no-repeat center !important;
    background-size: cover !important;
}
.wrapper-3kah-n[data-list-item-id="guildsnav___home"] .childWrapper-1j_1ub svg {
    display: none;
}

[hasty fox]

It works, tysm!!!

[echo idol]

@sly swan ik this is shamefull but. where do i put it 😭

[idle brook]

in your quick css

[echo idol]

is it possible to put more than 1

[idle brook]

wdym? just paste this anywhere in your quick css

[echo idol]

like i found more snippets

can i put more in quickcss

or just one

[idle brook]

yeah just paste all of them

[echo idol]

i put this one

[echo idol]

i will make an space beeetwen them cause idk if it works

[urban sleet]

just look in the main message

if you don't use favourites, paste only the first one in your css

if you use favourites, use the second one only

pasting multiple snippets is unnecessary and just clutters your quickcss

[lean ocean]

The midnight discord theme has those but on the right

[green lark]

Hey! Does it still work? im having a little trouble making it work (im stopid)

[urban sleet]

allegedly new update might have broken it, i’ll work on it when i update

[green lark]

oh oki
thanks :D

[sly swan]

Custom Home Icon fix:

/* home icon */
.wrapper_d281dd[data-list-item-id="guildsnav___home"] .childWrapper__01b9c {
    background: url("REPLACE THIS WITH YOUR IMAGE URL!!!! IMAGE HERE PUT IMAGE HERE!!!!! IMAGE !!!!!!1!!") no-repeat center !important;
    background-size: cover !important;
}
.wrapper_d281dd[data-list-item-id="guildsnav___home"] .childWrapper__01b9c svg {
    display: none;
}

[rigid flare]

does it still work with the recent discord update?
no theme I tried works anymore

[lean ocean]

Works for me

[rigid flare]

I don't really like the background but the buttons are cool that's for sure ^^

[lean ocean]

Yeah the background and text is a bit to dark but it's my favourite out of the other ones I've used

[rigid flare]

I really liked vibrant glass but it's broken for days now

[vital bridge]

custom home icon fix for the new discord update!
[removed for being outdated]

dont mind the image

[rare sail]

someone in support sent this so i tired and it works

.wrapper__8436d[data-list-item-id="guildsnav___home"] .childWrapper_a6ce15 {
    background: url('REPLACE THIS WITH YOUR IMAGE URL!!!! IMAGE HERE PUT IMAGE HERE!!!!! IMAGE !!!!!!1!!') center/cover no-repeat;
    background-size: cover !important;
}
.wrapper__8436d[data-list-item-id="guildsnav___home"] .childWrapper_a6ce15 svg {
    display: none;
}```

[sly swan]

Credits: @sly swan

[rotund rampart]

New Up to date version after the discord reroll

/* home icon */
.wrapper_f90abb[data-list-item-id="guildsnav___home"] .childWrapper_f90abb {
    background: url('REPLACE THIS WITH YOUR IMAGE URL!!!! IMAGE HERE PUT IMAGE HERE!!!!! IMAGE !!!!!!1!!') no-repeat center !important;
    background-size: cover !important;
}
.wrapper_f90abb[data-list-item-id="guildsnav___home"] .childWrapper_f90abb svg {
    display: none;
}