**Better Message Buttons** | libVencore | Page 1

upbeat valve Oct 29, 2024, 7:28 PM

#

this looks very cool

solid vessel Oct 29, 2024, 7:28 PM

#

Thanks!

upbeat valve Oct 29, 2024, 7:29 PM

#

its a shame tho, in some places there's a gap where there is no button

#

that's when hovering over my own messages

solid vessel Oct 29, 2024, 7:33 PM

#

you can set display:none to a button, to make the count even.
e.g.

div[aria-label="Copy Message ID"] {
  display: none;
}

Like, I remove the translate plugin's button on my own messages with

li[data-is-self="true"] > div > div > div > div > div[aria-label="Translate"] {
  display: none;
}

upbeat valve Oct 29, 2024, 7:33 PM

#

oh i see thank u

solid vessel Oct 29, 2024, 7:34 PM

#

every one of these buttons is accessible via the right-click menu, so I've personally hidden several I don't use often (or don't want to misclick, like pin message)

midnight remnant Oct 29, 2024, 8:21 PM

#

Why is it uneven for me?

solid vessel Oct 29, 2024, 9:27 PM

#

midnight remnant Why is it uneven for me?

try it now, I've updated the snippet to use relative variables instead of hardcoded values

#

just modify --msg-button-height to your QuickCSS

:root {
  --msg-solo-button-width: 36px;
  --msg-grid-button-padding: 32px;
  --msg-grid-columns: 2;
  --msg-button-height: 64px;
  --msg-button-border-radius: 8px;
  --msg-section-spacing: 12px;
}

midnight remnant Oct 29, 2024, 10:24 PM

#

solid vessel try it now, I've updated the snippet to use relative variables instead of hardco...

New issue lol

solid vessel Oct 29, 2024, 10:26 PM

#

uh, does this issue happen without any other themes enabled?

midnight remnant Oct 29, 2024, 10:34 PM

#

You mean in quick CSS? Yes, it still happens if it's by itself. The background color is from a native discord nitro theme

#

Seems to be fine with this set to 1 --msg-grid-columns: 1;.
I messed around with the variables and I kinda like this pepeHmm

solid vessel Oct 29, 2024, 10:44 PM

#

midnight remnant You mean in quick CSS? Yes, it still happens if it's by itself. The background c...

I've been burned by the native Nitro themes, haha. I'm glad you like 1 column layout, but I'm just curious if the issue appears without them

midnight remnant Oct 29, 2024, 10:54 PM

#

It something to do with a Vencord plugin. I turned them all off here

#

Its caused by disabling the "Reaction Frequency Algorithms" experiment.

#

It fixed the height difference for me too

solid vessel Oct 29, 2024, 11:09 PM

#

alright awesome

#

I use the ShowAllMessageButtons plugin, so I never see any emote reactions

proven grail Oct 31, 2024, 12:02 AM

#

here's some css to remove the frecency reactions

[class^=hoverBarButton_]:has(>div>.emoji) {
  display: none;
}```

solid vessel Oct 31, 2024, 8:37 PM

#

ah, maybe! I haven't messed with the visual refresh much at all

midnight remnant Oct 31, 2024, 11:21 PM

#

Do you have this reaction experiment turned off? I had the same issue with it disabled

marsh fractal Oct 31, 2024, 11:31 PM

#

The background color of replies and retweets is not transparent.

loud hatch Nov 1, 2024, 3:54 PM

#

balls

marsh fractal Nov 1, 2024, 10:32 PM

#

marsh fractal The background color of replies and retweets is not transparent.

#

so sad..

marsh fractal Nov 2, 2024, 12:02 AM

#

I changed the css

pliant glen Nov 2, 2024, 11:58 PM

#

very cool but sadly doesnt work on languages other than english.. could it be done without aria labels?

pliant glen Nov 3, 2024, 12:00 AM

#

pliant glen very cool but sadly doesnt work on languages other than english.. could it be do...

solid vessel Nov 3, 2024, 8:47 PM

#

pliant glen very cool but sadly doesnt work on languages other than english.. could it be do...

It could be done, but it would be less performant (some of these selectors are tricky to grab without aria-label).

#

I might turn this into a plugin - would allow for better customization and would be language-agnostic

proven grail Nov 4, 2024, 6:48 AM

#

pliant glen very cool but sadly doesnt work on languages other than english.. could it be do...

you can just change it to whatever it's called in your language

pliant glen Nov 6, 2024, 3:14 AM

#

proven grail you can just change it to whatever it's called in your language

i could

clear parrot Nov 6, 2024, 10:48 PM

#

unfortunately, i realized that this can and will overlap with text in a way that you can barely (if at all) click it 😔

solid vessel Nov 7, 2024, 12:02 AM

#

clear parrot unfortunately, i realized that this can and will overlap with text in a way that...

alright, I pushed an update to GitHub that added a variable --msg-offset-Y that allows for changing the vertical position of the message buttons.

:root {
  --msg-offset-Y: 0px; /* Change this! */
}

It might take a bit to cache, so here's the CSS itself:

div[class^="buttonsInner_"] {
  transform: translateX(calc(((var(--msg-section-spacing) / 2) + var(--msg-solo-button-width)) * -1)) translateY(calc(var(--msg-offset-Y) * -1));
}

clear parrot Nov 7, 2024, 12:17 AM

#

solid vessel alright, I pushed an update to GitHub that added a variable `--msg-offset-Y` tha...

thanks for the quick reply but i think my css is having an aneurysm
(some bits of it break no matter where i paste that code in~~, surely not because i am the kind of person who copies and pastes css code in an unorganized manner~~)

clear parrot Nov 7, 2024, 12:34 AM

#

figured out the issue actually, the new code doesn't work when holding the shift key or if you have the ShowAllMessagesButtons plugin enabled

dusky thicket Nov 24, 2024, 3:51 PM

#

test

#

sadly, its stop working for me ;(

fluid garden Dec 7, 2024, 1:52 PM

#

For me it does not work either 😦

round brook Dec 18, 2024, 4:37 AM

#

how do if fix it? it only shows this

#

/* round messages on hovering, replies, and mentions */
:root {
  --round-messages-radius: 8px;
}
[class*=cozyMessage] {
    margin-left: 4px;
    border-radius: var(--round-messages-radius);
}
[class*=cozyMessage]:before {
  width: 4px;
  height: calc(100% - 1.5*var(--round-messages-radius));
  align-self: center;
  border-radius: 2px;
  margin-left: calc(0.5*var(--round-messages-radius));
}

@import url('https://ukriu.github.io/cssCord/Other/gradientDM.css');
@import url('https://ukriu.github.io/cssCord/Other/gradientML.css');
:root {
    --gDM-online: linear-gradient(to right, rgb(68, 105, 68) , transparent);
    --gDM-offline: linear-gradient(to right, rgb(66, 66, 66) , transparent);
    --gDM-dnd: linear-gradient(to right, rgb(130,70,70) , transparent);
    --gDM-idle: linear-gradient(to right, rgb(135, 105, 75) , transparent);
    --gDM-streaming: linear-gradient(to right, rgb(63, 33, 88) , transparent);
    --gDM-border-radius: 12px;
}

@import url("https://raw.githubusercontent.com/Andrew6rant/Discord-plugins-and-themes/refs/heads/main/BetterMessageButtons.theme.css");

#

most of it is other quickcss stuff

#

i have no themes enabled

#

i have no plugins that should be affecting this

#

proven grail Dec 18, 2024, 5:00 AM

#

round brook ``` /* round messages on hovering, replies, and mentions */ :root { --round-me...

@import needs to be at the top

round brook Dec 18, 2024, 5:02 AM

#

thanks!

tough lake Dec 20, 2024, 11:14 PM

#

any idea on what could be causing this?

proven grail Dec 20, 2024, 11:55 PM

#

is reply there normally?

wintry summit Dec 21, 2024, 5:22 AM

#

marsh fractal I changed the css

mind sharing :>

#

nvm mind got it

#

added background: transparent;

wintry summit Dec 21, 2024, 6:53 AM

#

also the gap between the buttons

#

make it disappear

marsh fractal Dec 21, 2024, 6:56 AM

#

Can you provide the code?

wintry summit Dec 21, 2024, 6:56 AM

#

its the orignal?

#

https://raw.githubusercontent.com/Andrew6rant/Discord-plugins-and-themes/refs/heads/main/BetterMessageButtons.theme.css
this?

marsh fractal Dec 21, 2024, 7:45 AM

#

How did you put the retweet in the box?

marsh fractal Dec 21, 2024, 7:45 AM

#

marsh fractal I changed the css

Mine looks like this

wintry summit Dec 21, 2024, 12:24 PM

#

yuo mean the forward

#

you might be using the alternate version

#

wintry summit Dec 21, 2024, 12:25 PM

#

marsh fractal Mine looks like this

.

#

marsh fractal Dec 21, 2024, 12:29 PM

#

okey,ty

wintry summit Dec 21, 2024, 4:44 PM

#

wintry summit make it disappear

#1304647342284214282 message
used this and grants snippet to kind of patch

tough lake Dec 24, 2024, 10:20 AM

#

proven grail is reply there normally?

without this snippet? yes

proven grail Dec 24, 2024, 12:39 PM

#

tough lake without this snippet? yes

odd
must be a theme conflict of some kind

tough lake Dec 24, 2024, 12:39 PM

#

proven grail odd must be a theme conflict of some kind

it's probably some of the other css i have

#

i disabled my theme to check if it was that but no change

proven grail Dec 24, 2024, 12:40 PM

#

well by theme i meant all your other css

tough lake Dec 24, 2024, 12:40 PM

#

ah

#

was definitely something i had, just removed everything else and it started working

proven grail Dec 24, 2024, 12:43 PM

#

try doing a binary search
delete half of your css, if it works, undo it and delete half of what you just deleted, if it still doesn't work delete the other half
and repeat

tough lake Dec 24, 2024, 12:43 PM

#

will do!

icy slate Jan 27, 2025, 10:40 AM

#

how can i remove the reaction (from right click) appreciate the help

proven grail Jan 27, 2025, 11:18 AM

#

icy slate how can i remove the reaction (from right click) appreciate the help

That isn't related to this snippet, but here

[class^=wrapper_]:has(>#message-quickreact-0) {
  display: none;
}```

icy slate Jan 27, 2025, 11:27 AM

#

proven grail That isn't related to this snippet, but here ```css [class^=wrapper_]:has(>#mess...

ah sry.
but i think it didnt work for some reason. still there. ><

proven grail Jan 27, 2025, 11:28 AM

#

lets move this to #🎨-theme-development

bold maple Feb 11, 2025, 1:04 AM

#

this doesnt work

#

sorry caps lock

proven grail Feb 11, 2025, 1:55 AM

#

bold maple this doesnt work

make sure you have the reaction frecency experiment set to treatment 3 (i think 4 works too?)

#

(it should like this without this css snippet active)

bold maple Feb 11, 2025, 2:11 AM

#

proven grail make sure you have the reaction frecency experiment set to treatment 3 (i think ...

whaa where do i fidn this

#

this is what it looks like rn

proven grail Feb 11, 2025, 2:11 AM

#

that looks right

bold maple Feb 11, 2025, 2:11 AM

#

i have the css snip active in my css thing

#

other snips work

#

but this one doesnt

#

and ive restarted a few times

proven grail Feb 11, 2025, 2:12 AM

#

bold maple this is what it looks like rn

this is with the snippet?

bold maple Feb 11, 2025, 2:12 AM

#

yep

proven grail Feb 11, 2025, 2:12 AM

#

can you send a screenshot of it in your quickcss

bold maple Feb 11, 2025, 2:12 AM

#

i was gonna send my file directly

#

of what i have

proven grail Feb 11, 2025, 2:12 AM

#

that works too

bold maple Feb 11, 2025, 2:13 AM

#

📎 my_current_file.css

proven grail Feb 11, 2025, 2:13 AM

#

the imports have to go at the top

bold maple Feb 11, 2025, 2:13 AM

#

ive tried with that too

#

does it have to be

#

above root too?

proven grail Feb 11, 2025, 2:13 AM

#

yeah

bold maple Feb 11, 2025, 2:14 AM

#

OHH

#

ok

proven grail Feb 11, 2025, 2:14 AM

#

very top

bold maple Feb 11, 2025, 2:14 AM

#

ahh now it works

#

thank you

#

i havent done web dev in like 3 years and it shows

stoic wave May 11, 2025, 11:36 PM

#

the buttons in the middle don't have the same background color
also how can I remove the suggested reactions there

#

I want it to only be like this with the middle panel having the same background color

stoic wave May 11, 2025, 11:53 PM

#

I solved the reactions issue but I still can't figure out a way to change the background color

stoic wave May 12, 2025, 10:53 AM

#

solved it by

.visual-refresh .wrapper_f7ecac {
  background-color: #000000;
}

stoic wave May 12, 2025, 7:53 PM

#

solid vessel alright, I pushed an update to GitHub that added a variable `--msg-offset-Y` tha...

this doesn't work for messages sent by me

empty vector Jul 1, 2025, 4:45 AM

#

the theme just stopped working

empty vector Jul 1, 2025, 11:14 AM

#

nevermind, i just disabled it

empty vector Oct 6, 2025, 9:52 PM

#

this snippet just became kinda broken lol

bold maple Oct 19, 2025, 9:52 PM

#

yeah its broken

wild elbow Nov 8, 2025, 6:46 PM

#

yeah, broken for me too

#**Better Message Buttons**

#Better Message Buttons