[Visual Refresh] "SMS" style message

[small ivy]

Discussion pog

[coral sail]

What desktop environment is that?

[next dragon]

@small ivy Can you share the Discord theme you used?

[small ivy]

Fedora Linux with Catpuccin KDE

[small ivy]

https://github.com/refact0r/midnight-discord

[next dragon]

I mean, I'm talking about the picture I like the way you edited it.

[coral sail]

ah

nice

[small ivy]

oh derp, a lot of my stuff is in a massive CSS that I should really clean up, but, should be all in here
https://github.com/LuSaffi/VenCordstuff/blob/main/CSS/LuLus_Super_CSS.css
the main part is Chroma Glow being the color edit for the theme

if you wan just the colors

  /* chroma Trans Theme */
    --bg-gradient-chroma-glow-1: #73cff4;
    --bg-gradient-chroma-glow-2: #eeafc0, #ffffff, #eeafc0;
    --bg-gradient-chroma-glow-3: #73cff4;
    --bg-gradient-chroma-glow-4: #73cff4;
    --bg-gradient-chroma-glow-5: #73cff4;

[stoic salmon]

why is super monkey storm a discord theme now

[small ivy]

I needed more bloons

[stoic salmon]

but sms gets rid of bloons

[small ivy]

shhhh thats what they want you to think

[stoic salmon]

😨

[small ivy]

[next dragon]

thx

But it looks a little weird on me XD

[small ivy]

yeah it looks weird on some themes, only really tested it on midnight and catpuccin which I kinda just gave up on lmao

sometimes the mention bar goes to the far left on the self-reply too

[halcyon pagoda]

Doesn't seem to work for me, running no themes, self message colour has no affect, doesn't align to the right either.

[drifting stump]

same and im using midnight for theme

[halcyon pagoda]

Thought it might and yeah, enable the plugin Theme Attributes on Vencord, it'll work. 😅 could be good to put that in the first post.

[drifting stump]

will try rn

tysm

@small ivy make sure to tell people to have ThemeAttributes enabled for it to work

[small ivy]

Something I expected most to have on, whoopsies

[drifting stump]

i kinda forgot about it

[small ivy]

should honestly be a default on tbh

[drifting stump]

i agree

[small ivy]

seems like a dependency plugin should just be like the supportHelper plugin, locked on and forgotten about

[drifting stump]

i really love the sms style discord should lowk add it

[austere kiln]

are the clickable areas for my messages supposed to be confined to a tiny box?

[small ivy]

if I didnt do that the timestamp goes ALLLLLLL the way to the left lol

little jank, this would def go better as a plugin

[austere kiln]

would LOVE to see this as a plugin, looks great otherwise!

[lusty fable]

Where would I post this to get the colors?

[small ivy]

quickCSS, change discord appearance to Chroma Glow

[lusty fable]

I see thanks!

[drifting stump]

@small ivy little bug here

[small ivy]

XD oh yeah I completely forgot about voice and mp3 files, I'll give that a check

[drifting stump]

[covert furnace]

I still can't get my messages to the other side, is that just a theme thing?

[small ivy]

these always go at the start

[covert furnace]

should I make another separate theme file for this?

[small ivy]

is that at the beginning of your quickCSS?

[covert furnace]

its in my theme, lemme try doing it in csss

still on the left

[small ivy]

oh yeah also needs this

vp themeAttributes

[candid crest]

ThemeAttributes

Adds data attributes to various elements for theming purposes

Authors

Vee, BoardTM

[small ivy]

that plugin is needed as well

[covert furnace]

ok, I thought it was on, though I was trying to see if one was bugging out my theme and I must have switched it off

[small ivy]

themeattributes should never cause an issue, it just gives you more class names to use on top of existing ones; themes, css, and other plugins should be your only issues

[covert furnace]

I know this now, just forgot to switch it back on ig

[small ivy]

should be fixed, visually anyways, there's a gap I cant seem to fix in the bar for like 10% of it that you cant select lol

you can set the time in that zone, but you gotta start somewhere else first XD

[foggy inlet]

how do I make my replies to other people not have the reply line like your screenshot here?

With my midnight refresh theme with this snippet my replies show the bracket unlike your screenshot, crude mockup of what I mean attached

hell, direct example right here

it would be kinda cool if the bracket came from the right from my pfp for my messages, but I'd settle for just hiding it on my messages instead like yours, it's distracting otherwise lol

[spark flower]

Gods, I just found this and this right here, this fixes all the problems I have with the visual refresh's look.

[short olive]

why does mine look like this

aand the sms style dont work for me

[short olive]

do i need to copy everything or just the super css

[wintry warren]

Oh, found out why discord lagged when using the common change css from LuLu. The custom Wumpus relax thing makes discord lag very hard ;w;

(This:)

/* Custom Wumpus Relax Window */
[class^=wumpus] {
  scale: 1;
  content: url([⠀](https://media.discordapp.net/stickers/1217112512374505613.png?size=160&passthrough=true));
}
[class^=focusLock]:has([class*=wumpus]) [class*=text-md] {
  font-size: 0 !important;
}
[class^=focusLock]:has([class*=wumpus]) [class*=text-md]::after {
  font-size: 16px !important;
  content: "Relax with Viggy for as long as you need."
}

[short olive]

aare u using lulu theme?

[wintry warren]

Yeah :D

The trans theme c:

[short olive]

how do i do it?

[short olive]

mine looks like this

[wintry warren]

Mine looks like this

[short olive]

yea its different

how is the one lulu have look so good lmao

[wintry warren]

Just add these to the online themes:
https://raw.githubusercontent.com/LuSaffi/VenCordstuff/refs/heads/main/Themes/Midnight/midnight-trans.theme.css
https://discord-themes.com/api/57

[wintry warren]

Prolly has transparent discord and a nice background c:

[short olive]

and what css do i add?

the super one? only or

[wintry warren]

Well I just added everything I wanted from the common use css

but you can do it with the super one too ^^

Or I could just give you my quickcss

[short olive]

yes pls

[short olive]

i got problem for the betterspotfyplaayer why is it like laaggy

is there a way to fix that

kinda aannoying

[next dragon]

I saw the conversation later, when I did these things, my theme was fixed, I couldn't do it like this before, thanks, but there are a few things I'm curious about, what is the fox on the left of the search bar at the top right and what does it do, and why the messages I send in sms messages like at the beginning of this conversation title do not appear on the right side.

[wintry warren]

The cat is the dev tools

[next dragon]

oh thx

[wintry warren]

np

[wind heath]

this seems to shift video file seekbars :c

test example

[next dragon]

do you know why all my messages are on the left side and not separately on the right side like in the ss that lulu posted here? @wintry warren

[wintry warren]

Maybe you dont have the sms snippet in your quick css??

[next dragon]

Like this, but do I need to add more?

[wintry warren]

Hmm, that should work

[next dragon]

These are the only themes I use and for some reason I can't use them when I save them as a css, I can only use them when I add them to online themes, I think you are using vesktop, could it be related to this?

[wintry warren]

I am using vesktop but I dont know if it is related to that

[next dragon]

Do you have any idea about this? @small ivy

[austere kiln]

do you have the ThemeAttributes plugin turned on?

[next dragon]

owww

thx

Now everything done

[austere kiln]

[next dragon]

The only thing I can't do now is that even if I use lulu's Supercss File I can't get an image like in the ss, I can only use it in this gray theme

[austere kiln]

https://raw.githubusercontent.com/LuSaffi/VenCordstuff/refs/heads/main/Themes/Midnight/midnight-trans.theme.css

you're using this, right?

[next dragon]

https://github.com/refact0r/midnight-discord I'm using this one but I've tried this(https://github.com/LuSaffi/VenCordstuff/blob/main/CSS/LuLus_Super_CSS.css) one before

[austere kiln]

try the two that they recommended before

#1355155965787504672 message

[next dragon]

I also used these but it looks like this but I show it with video to explain it wait a min

[austere kiln]

probably to do with your local themes and other custom CSS, like the settings modal CSS

could also try turning on hardware acceleration, if you haven't

[next dragon]

I can probably only access those settings with the css file that he threw into the theme folder from Lulu. The colors he uses are very beautiful, but other than that I can't seem to access it.

[short olive]

do u know how to make discord traanspaarent?

[wintry warren]

Nope

[short olive]

its fine

ive been cooking

W OR L?

[wintry warren]

Looks cool

[next dragon]

It looks good how to make it so transparent

[dreamy hazel]

hi this kinda messes with spacing between messages

[covert furnace]

does anyone know how to fix images embedding in reverse order?

[small ivy]

yeah no clue why it's spread out so much, it's only really an edit to an older post to make padding feel a bit nicer and the message bubbles added kind of cause a bit of chonk, can def take a crack at it tho

[next dragon]

@small ivy I'm asking you how to make transparent for the Midnight theme because I think you are using it.

[silver musk]

can i get the css for ur ui?

[neat sequoia]

nice theme @small ivy 🙂

[covert furnace]

it can get very distracting

[lusty gull]

i like it, looks really nice tbf! but my self message muscle memory is broken because it's also reversed.

[wintry warren]

@small ivy Hey, sorry for ping, but could you maybe upload the full css for your theme to github?? 🥺

[haughty cloud]

is there a way to change colours for specific people?

[stoic salmon]

I believe their id is in the element, so actually should be fairly easy

[small ivy]

Its on my github now under “lulusSuperCSS”

[wintry warren]

Thanks ❤️

[haughty cloud]

Is there a way to get this to work with message logger? It makes my deleted messages look like someone else's messages

[last shadow]

@small ivy this seems to not be working anymore, and on github there's a commit from about an hour ago clearing the imported file of all its code

[small ivy]

whoops, that wasnt supposed to happen lol

sent it back up

[last shadow]

its all good, i saw this and was instantly in love with it and was breifly heartbroken that it wasnt working

[small ivy]

yeahhh workin on another project and I stole it to test and forgot to re-paste it back in lmaoooo

[last shadow]

thank you ma'am

[small ivy]

[last shadow]

is there any way to change the message bubble color for specific users?

[small ivy]

not for specific users without having you do it yourself really, the code was so convuluted when I picked it up with my tiny brain idk where i'd put stuff like that (plus it would get WAYYYYYY too laggy after too many users)

at least with my current skillset

[last shadow]

understood!

[next coral]

how did you make the theme look like that?

[lusty gull]

@next coral

I believe...

[next coral]

i meant the colour scheme more-

[tight scarab]

is the pinned one supposed to be like this

[sinful tusk]

When i resize the discord window, it seems to be overlapping, is there a fix?

not much but, seems to bother me a bit

[scarlet sigil]

[class^="videoControls_"] {
    direction: ltr;
}

Fixes the video player controls to be in the same orientation for both your messages and others.

[tiny solstice]

Could I possibly have CSS for this?

[sinful tusk]

is there a fix for this? Pinged messages only show the bubble on hover

[austere kiln]

try this

#🎨-css-snippets message

[sinful tusk]

this's kinda weird cuz the box is now bigger and idk if i can change the color of it

[austere kiln]

You can change the color, I don't know about the size of the box though

[stoic salmon]

found a bug with messageLinkEmbeds

[silver shuttle]

theme?

[stoic salmon]

.

[last shadow]

video embeds are really jank

wondering if anyone else has this problem with this CSS

[covert furnace]

i have been

[regal mauve]

How do you get the colors around the border?

I want just the css for the colors on the borders of the little parts on Midnight as well as the DM window border

[steady warren]

hey i wanted to know what theme, css snippets or stuff you used because this looks really pretty

like holy shit this looks so cool

oh this question been asked before

[steady warren]

idk how to make it like this i'll try again later

[lyric garnet]

Been having this issue too

[lyric garnet]

Have you found a solution?

[last shadow]

nah i've just been dealing with it 😔

[lyric garnet]

Maybe we should ping Lulu and ask if they have a solution for it

[last shadow]

this thread is so old though

theyve more than likely moved on to other things

[lyric garnet]

frick, you're right

[last shadow]

i love this snippit so much, i really hope someone one day cleans it up and makes it a full theme

one that you can layer with your color theme or any other customizations

[lyric garnet]

I hope so too. I'm currently asking one of my friends for a solution for the volume slider being bugged out, I will update you if it works

[last shadow]

cuz it's really pretty and amazing for a crunched 2nd monitor

[last shadow]

yeee, ping me when u got an update: 3

[lyric garnet]

@last shadow

Put this in your quick css:

.vertical_b26b79 {
    margin: 0 !important;
}```

That only fixes the volume slider though

(Which I'm personally fine with)

[last shadow]

thats fine thats like the biggest issue

thank you so much i'll try this out when i get home :3

[lyric garnet]

You're welcome!

Guess what? I also fixed the other issue

:)

/*FIXES THE VOLUME SLIDER AND THE VIDEO BAR IF YOU'RE USING SELFMESSAGES*/
.vertical_b26b79 {
    margin: 0 !important;
}
.horizontal_b26b79 {
    margin: 0 !important;
}```

<3

[last shadow]

i dont think its supposed to look like this

[lyric garnet]

Oh jeez

That's weird

It doesn't look like this for me

[lyric garnet]

Try to mess around with the margin for vertical

[molten linden]

it doesn't work for me anymore, is it broken?

[dry skiff]

message buttons are being cut off-screen for me. I am not code smart so can someone help me?

it's at the edge of my screen btw. That's why it's so small

[last shadow]

the quick actions for my own messages are cut off screen, is anyone else having this new issue with this?

[lyric garnet]

yeah i have that issue too

[lyric garnet]

@last shadow @dry skiff i have a fix

/*Quick actions for own messages fix*/
.popover_f84418 {
position: absolute;
}```

[lyric garnet]

ah frick

that messed up the actions from other people

yeah idk how to fix it

[last shadow]

you might be onto something tho

could you theoretically set the position to "fixed" and then just center the action buttons on the middle of the message?

[lyric garnet]

I'll have to try later when I'm on my pc

[scarlet sigil]

If this fixes is and it's only supposed to be applied to you:

[data-is-self="true"] [class^="popover_"] {
    position: absolute;
}

*requires the plugin that this css snippet already required.

This should also be somewhat resilient to discord making changes to the class names.

[lyric garnet]

that still messes it up for other people's reaction actions

[lyric garnet]

Doesn't work sadly

[shy flame]

Would it be possilbe to set up the bubbles to use the role colour for other users? and if no role colour is specified, or it is a DM, use the default assigned "--defaultMessageColor:" colour?

[stoic salmon]

not unless you manually hard code every single color

and even then, you'd need to use :has()

the role colors are done with a style attribute style="color: rgb(245, 186, 255);"

[stoic salmon]

or javascript

[silver musk]

was there ever a fix for this? it's either i can see the other user or i can see my own, idk how to grab the elements cause when i hover the popover doesn't show when i try to inspect the elements. been fiddling w/ this for a few wks now.

[lyric garnet]

No, sadly no fix yet

I kinda just gave up

[silver musk]

rip.
how did someone get the .popover_f84418 value when u can't rlly inspect elements on it?

[stoic salmon]

you can either just find it in the dom (it's not that hard) or use some css to override pointer-events: none;

wait that's the message actions

you can inspect element it

you can use f8break (plugin) to make it easier

[silver musk]

ty

[silver musk]

[data-is-self="true"] .buttonContainer_c19a55 {
    direction: rtl !important;
}

got this to work atleast

[lyric garnet]

Thank you so much!

[lyric garnet]

This is now broken for me ;;

[sharp brook]

me too

https://tenor.com/view/smoking-gif-9745930313517122415

[sharp brook]

Is there any chance they will fix it?

[lyric garnet]

i hope so

[last shadow]

@small ivy is there any chance you'd be willing to update this? at the moment is seems discord's latest update broke it, the only remnant looks to be a bubble around a message, but there's no longer a self messages being right aligned :(

image for reference

I'll happily commission you for an updated version if that's something you'd accept!

[lyric garnet]

I hope they update it ;;