#Removes message hover highlight
1 messages · Page 1 of 1 (latest)
this removes the new message highlight that I found distracting ```css
/* hovered message highlight */
.mouse-mode.full-motion div[class^=message]:hover {
background-image: none;
}
remade this but way shorter
there is probably problems with it somewhere but it works
[href^="/channels"] {
transition: ease 0.2s;
}
[href^="/channels"]:hover {
margin-left: 5px;
}```
also removed the invite people button from it
[href^="/channels"] {
transition: ease 0.2s;
}
[href^="/channels"]:hover {
margin-left: 5px;
}
.iconItem__8e3b8:has(.actionIcon_d679b5) {display: none !important;}```
this doesn't apply to members or settings though
interesting
no i just didn't test it
weird that member buttons have hrefs
“/channels/@me”
oh i meant the members in the members list
also i dont remember why i have 18px and 10px in the snippet but i think there's a reason
like members and dms items already have some padding or something
funny animation lol
(im not clicking)
not a bug tho, just how it works
it doesnt happen with channels though
so it is possible to make it not happen by using multiple elements
You never sent the updated version with settings and members list, mind doing so? I'd appreciate it
at this point i’d just use the original css snippet but if you really want my ver it’d have to be a bit since i’m busy
I just liked yours because its quite neat and removed the invite people button, I can wait tbf its no biggie
ah wait it’s on my github in my purple theme lemme get that
im not JUST after the "remove invite people" button
or do you mean the updated hover css
[href^="/channels"], .typeVoice_f4ba92 {
transition: ease 0.2s;
}
[href^="/channels"]:hover {
margin-left: 5px;
}
.iconItem__8e3b8:has(.actionIcon_d679b5) {
display: none !important;
}
.typeVoice_f4ba92:hover {
margin-left: 15px;
}
unless im stupid, that did not add hover over settings and members, my discord might just be sentient tho
tbh its unneeded, thank you anyway
ah i can prob fix that when i get onto my computer
would be appreciated
fixed and more organized at the same time
[href^="/channels"], .typeVoice_f4ba92 {
transition: ease 0.2s;
}
[href^="/channels"]:hover {
margin-left: 5px;
}
.iconItem__8e3b8:has(.actionIcon_d679b5) {
display: none !important;
}
.typeVoice_f4ba92:hover {
margin-left: 15px;
}
.side_b4b3f6 .item__48dda {
transition: ease 0.2s;
}
.side_b4b3f6 .item__48dda:hover {
margin-left: 5px;
}
[aria-label="Members"] .member_aa4760 {
transition: ease 0.2s;
}
[aria-label="Members"] .member_aa4760:hover {
margin-left: 15px;
}```
should effect settings and member list
affects them fine for me
not group dms sadly
oh well, discord fixed their issue anyway afaik
The hover fade doesn't work for me.
updated this for discords update
/* hover anim */
.wrapper__612a5 .link_ddbb36 /* channels */,
.member_aa4760 /* members */,
.channel__0aef5 /* dms */,
.sidebar__02e8d .item__48dda /* settings */ {
transition: margin-left 0.2s ease;
}
.wrapper__612a5:hover .link_ddbb36,
.sidebar__02e8d .item__48dda:hover {
margin-left: 10px;
}
.member_aa4760:hover,
.channel__0aef5:hover {
margin-left: 18px;
}
@proud gulch
thanks 
no problem ^w^
wait i’m stupid
im currently fixing custom home icon

i think i might just start writing snippets in attribute selectors from now on
/* hover anim */
.wrapper__612a5 .link_ddbb36 /* channels */,
.member_aa4760 /* members */,
.interactive__3e804 /* dms */,
.sidebar__02e8d .item__48dda /* settings */ {
transition: margin-left 0.2s ease;
}
.wrapper__612a5:hover .link_ddbb36,
.sidebar__02e8d .item__48dda:hover {
margin-left: 10px;
}
.member_aa4760:hover,
.interactive__3e804:hover {
margin-left: 18px;
}
.interactive__3e804 {
width: auto !important;
}
Wasn't working for DMs so I did this clumsy fix, there is probably a much better way to do it that doesn't need the bit at the end
why are people still 'fixing' this, its been fixed by discord already
what do you mean? this is adding an animation
should change the thread name
updated classes
/* Hover Anim */
.wrapper_d8bfb3 .link_d8bfb3 /* channels */,
.membersWrap_cbd271 .container_e9f61e /* members */,
.channel_c91bad /* dms */,
.side_a0 .item_a0 /* settings */ {
transition: margin-left 0.2s ease;
}
.wrapper_d8bfb3:hover .link_d8bfb3,
.side_a0 .item_a0:hover {
margin-left: 10px;
}
.membersWrap_cbd271 .container_e9f61e:hover,
.channel_c91bad:hover {
margin-left: 18px;
}```
@proud gulch feel free to edit to this ^
is there anyway to fix the gap that this creates at the bottom of the channels list?
