Material-Discord Various elements broken / unthemed

Some elements of the theme seem to be broken or unthemed. Not sure if some of these are caused by Discord's Visual Refresh but I can confirm some have existed for a while.

ℹ️ Typing an app command results in the typing box growing in height and the text being offset, which is unintended behavior.

ℹ️ The gear icon is cut off.

ℹ️ The highlight shading is inconsistent when hovering over the other buttons.

ℹ️ The stickers selection tab used to show 4 rows per sticker - now it's 3, and it looks off.

ℹ️ Oddly enough, this specific embed is unthemed.

ℹ️ Weird mask (?) thing in profile picture in the settings.

ℹ️ Weird cut-off shadow / mask (?) thing in the user modal.

May 24 '25 06:05 s1nnohlakes

Will be fixed.
Need more context on the location of this.
Will be fixed.
The emoji panel can be resized. The smallest width causes this.
Will have to look more into this.
Will be fixed.
MD makes the compact ui density smaller than Discord to match the same height as the main textarea, and the slight overhang is the result. The code below will allow you to adjust it to whatever height you'd like.

.visual-refresh.density-compact .container__37e49 {
    --main-textarea-height: 42px;
}

May 24 '25 08:05 CapnKitten

The broken gear icon is housed within the Image Apps menu.

Ah, my bad. Didn't know it could be resized.
This is what the class names of the specific embed is housing if it helps. It seems to be a new type of embed (or attachment) Discord introduced.
Got it, thanks.

Additional elements I found that are unthemed / broken:

ℹ️ Authorized Apps settings:

ℹ️ Part of the new Game Overlay settings:

ℹ️ Avatar Decoration offset during file upload (I can see why this was unnoticed considering file uploads usually process fast):

ℹ️ Devices/Sessions settings with the BetterSessions plugin for Vencord enabled:

May 24 '25 08:05 s1nnohlakes

All but the embed have been fixed.

May 25 '25 05:05 CapnKitten

While this issue is still open, I would like to add a few more issues that I've found (apologies if this is turning into a thread now)

Grayed out (?) elements - particularly the color green for whatever reason

Scrollbar padding when it is not showed / needed

Vencord `Online Themes` section input box

`ServerInfo` Vencord plugin modal popout

Double icons in user voice channel options

May 27 '25 04:05 s1nnohlakes

Seeing as this is still open, here is my addition: Discord seems to have just changed the user profile, so now the theming doesn't work anymore

Jul 08 '25 16:07 bakzkndd

Seeing as this is still open, here is my addition: Discord seems to have just changed the user profile, so now the theming doesn't work anymore

Most likely an A/B testing feature that you got in. Unless this comes out for everyone, it will remain that way. Personally, I haven’t got this feature.

Jul 09 '25 02:07 s1nnohlakes

It is A/B testing, but fortunately Discord has it in a unique class so I can target it without messing up the existing profile modal.

Jul 09 '25 05:07 CapnKitten

@s1nnohlakes

/* Fix online themes text area height being set to a very small size */
div[id="vencordthemes-tab"] > div > div:nth-child(5) > div[class^="children__"] > div[class^="inputWrapper__"] > div > textarea {
  height: auto !important;
}

Aug 16 '25 15:08 CatsArmy

Here's some more because why not.

Vencord plugin settings broken toggle switches

before: when on when on

/* Fix vencord plugins untoggled checkboxes */
.vc-plugins-setting-content .container__87bf1 .slider__87bf1 {
  transform: translate(4px, -50%) !important;
  transition: var(--default-time) var(--default-animation) all;
}

/* Fix vencord plugins toggled checkboxes */
.vc-plugins-setting-content .container__87bf1.checked__87bf1 .slider__87bf1 {
  transform: translate(calc(100% - 1px), -50%) !important;
}

after adding the css from above: when on when off

Unread/Inbox bottom border rounding inconsistency?

before:

div[aria-label="Inbox"] > div > div[class^="scroller__"] > div > .channel__427f0 > .channelHeader__35a7e:not(:last-child) {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

after adding the css from above:

and the css only applies when the channel isnt collapsed

Aug 16 '25 15:08 CatsArmy

Those have been fixed, I just didn't push the update live. It is now though.

Aug 17 '25 01:08 CapnKitten

Im using: { 1: Material-Discord, 2: Material-Discord/addons/Material-You; } Some more non-stylized:

AutoMod

Audit Log

the background color of the Bans, AutoMod and Saftey Setup is #101217. but for some reason the background color in the Audit Log is #0b0c10, and matches the sidebar as shown in the picture below. besides that you can also see that the scrollbar reaches way too far into the window toolbar.