Various elements broken / unthemed

[s1nnohlakes]

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.

[CapnKitten]

1. Will be fixed.
2. Need more context on the location of this.
3. Will be fixed.
4. The emoji panel can be resized. The smallest width causes this.
5. Will have to look more into this.
6. Will be fixed.
7. 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;
}

[s1nnohlakes]

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

4. Ah, my bad. Didn't know it could be resized.

5. 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.
   

6. 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:

[CapnKitten]

All but the embed have been fixed.

[s1nnohlakes]

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

[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

[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

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.

[CapnKitten]

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.

[CatsArmy]

@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;
}

[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

[CapnKitten]

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

[CatsArmy]

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.

Server Subscriptions

Server Invites page

When hovering over an invite

Maybe non-stylized?

Safety Setup