bubles

[solid peak]

the contrast went to shit itself

:3!

[limber citrus]

.messageListItem__5126c[data-is-self="true"] .contents_c19a55>.messageContent_c19a55 {
      background-color: var(--brand-700)!important;
}

[solid peak]

myaow

[dire crest]

the replies are a little broken due to direction: rtl; :[

? should be at the end 💔

[limber citrus]

doesnt matter too much, but will solve that eventually

[dire crest]

ye, im just switching it to ltr rn and doing flex-direction: row-reverse

no idea if that breaks anything but it works for me

[limber citrus]

and now it works for everyone
i would give you like bug tester/contrib to deex4 but you arent in the server lmao

[dire crest]

LOL yeahhh but thanks :D i actually did have a plugin like this before but goddd keeping up with it sucks when youre busy. so yours is such a improvement keep up the good work man

[limber citrus]

you tell me
i have an entire theme i still have to fix for visual-refresh

[dire crest]

GOD i gave up on mine, did a transparent theme for the longest time bc i knew my friends had them and id have to upgrade to eventually fix** theirs and then suddenly it broke and i went "... welp thats that, im using client theme, i wish yall luck"

[patent ice]

Hey I like your discord background and etc its fire! Can you please give me the code for it?

[dire crest]

It looks like its softX by gibbu but im not sure

[patent ice]

Is it a theme or a snippet?

If you know.

[limber citrus]

Actually, there is no code

It's just hyprland blur lmfao

[patent ice]

I meant like the texts

[limber citrus]

the bubbles?
thats the snippet

[patent ice]

Yes

i meant that

srry

[patent ice]

how can you have like custom colors like for me its for example: red and for others is green?

[limber citrus]

.messageListItem__5126c .contents_c19a55>.messageContent_c19a55 {
      background-color: green!important;
}
.messageListItem__5126c[data-is-self="true"] .contents_c19a55>.messageContent_c19a55 {
      background-color: red!important;
}

[patent ice]

I don't know if i did anything wrong but it still shows green for me ..

[limber citrus]

enable themeattributes

[patent ice]

Oml

i am so dumb

Mb for interrupting you.

[quasi granite]

seems to make the message actions bar clip through the scrollbar...?

here's without

[limber citrus]

yup, will fix

[quasi granite]

sweet, thanks!

love the way this looks!

[limber citrus]

fixed

[limber citrus]

check out ddex4 if you want! Its based on one of the old concepts discord gave out in a survey in april 2024, and uses these bubbles! (albeit, role colored, which is impossible via css rn)

[undone glen]

hey, i want to make it all rounded. Can you help pls

[dire crest]

Here: .contents_c19a55>.messageContent_c19a55{ border-radius: 10px; }

[undone glen]

ty

it looks fire btw :D

[undone glen]

is there something that makes my bubles at the right side?

[limber citrus]

themeattributes, you need

[undone glen]

my bubbles looks like this. Is there anything to fix

[limber citrus]

#1362860979548979422 message

[undone glen]

make it looks like other's one

[limber citrus]

chnage it to whatever your theme uses

[undone glen]

make it all rounded like this

[undone glen]

the color is fine. Just make it round

[undone glen]

are you busy?

[limber citrus]

No

[undone glen]

so you're trying to making code right

[limber citrus]

No as I'm not at my pc rn

[undone glen]

oh

your PC has some problems?

[limber citrus]

No I'm just... Not at my PC right now

[undone glen]

K

[undone glen]

i feel like that im a clown

[undone glen]

make mine all rounded

like this

[grand jewel]

for some reason mine is completely fried

[limber citrus]

what the fuck

[grand jewel]

@import url(https://blade04208.github.io/ddex4/src/bubbles.css);
.messageListItem__5126c[data-is-self="true"] .contents_c19a55>.messageContent_c19a55 {
      background-color: var(--brand-700)!important;
}

[limber citrus]

the thing isnt importing
that's a you sk'issue

[grand jewel]

thats the css I am using

is there a way to fix?

[limber citrus]

Shrug

[grand jewel]

its one of the other css.

Found the issue

I put the spotify and sidebar clapse first

might be incompactible with some of ur other snipiets

looking into it myself by re-adding them

[limber citrus]

which

[grand jewel]

not yours but Augenblick's "Compact User Area"

putting Augenblick's code on top breaks yours, putting it on the bottom breaks their's

also quick question, is there a way I could switch it to where the self msg bubble is the same as the other peoples?

[limber citrus]

Turn off theme attributes

[grand jewel]

thats it?

[limber citrus]

Yup

[grand jewel]

tysm :3

[sterile scroll]

@limber citrus How to make my messages on the right?

[limber citrus]

Enable themeattributes

[sterile scroll]

Can u help.. how can I need to enable it?

I really kinda silly and don’t much about it.

Sorry if bothering.

[limber citrus]

It's in the list of plugins, enable it

[sterile scroll]

Oh, Ty.

[raw comet]

this dont work

wait nvm

i am a bot

but my bubles show on the left to is this normal

[limber citrus]

Enable themeattributes in vencord

[raw comet]

Ok thanks

[white nest]

any way to make the text boxes the same color as the background and just have a colored border?

[limber citrus]

.messageContent_c19a55 {
background: transparent!important;
border: 1px solid red;
}

[limber citrus]

copy it again

[white nest]

awesome the border is there but the background is still not transparent

[limber citrus]

try again

[white nest]

perfect

thanks so much ur awesome

[white nest]

heya anything for spotify embeds?

[stone mica]

how do i make even my bubble rounded? with this only other people bubbles are rounded

[limber citrus]

add an !important

[stone mica]

ok, thx

Is there a way to make the menu with edit message or respond to be on the right side with my messages?

[foggy marsh]

Hi, is this broken? It doesn't seem to work anymore for me.

I really loved this css does anyone know how to fix it?

Please tag if anyone makes a update

[white nest]

yeah i think the discord update broke it

[dire crest]

Idk if anyone else had this issue (I don't think its a me thing as I removed all other css and still had this issue so erm...) But, I fixed it and maybe someone else could use it -- if there is a better way to do it or there are issues with it, lmk :p (I love nested css)

/* Fixing forwarded messages */
._5126c0cd07f243a0-messageListItem{
  ._122e465d2e663859-content{
    background: rgba(255, 255, 255, 0.075) !important;
    border-radius: 10px 10px 10px 0px;
    padding: 14px;
    max-width: fit-content;
  }
  &[data-is-self="true"] {
    ._5126c0cd07f243a0-message {
      .b7e1cb0370c2dd0e-container>* {
        flex-direction: row-reverse;

        ._122e465d2e663859-quote{
          margin-inline-start: 12px;
          margin-inline-end: 0;
        }
        ._122e465d2e663859-content{
          align-items: flex-end;
          background: var(--brand-500) !important;
          border-radius: 10px 10px 0px 10px;
        }
        .c19a557985eb7793-messageContent {
          /* text-align: right; Optional, just if you want the text on the right side. */
          padding-inline-start: 0;
          margin-inline-start: 0;
          margin-inline-end: auto; /* Remove both margin & padding inline ends when enabling text-align. */
          padding-inline-end: auto;
        }
        .b7e1cb0370c2dd0e-container>* .f4758a8d6346d18b-oneByTwoGrid{
          flex-direction: row-reverse;
        }
      }     
    }
  }
}```

[grand jewel]

@limber citrus are you planning to fix this project or is it a lost cause
the import is completely broke for me, all snippets (besides the green snipet causing the bug I had earlier to re-occur)

[grand jewel]

do you have a css snipet of the working version?

[dire crest]

You can run it through a website called class updater or smth (?) to fix it. Im not at my pc right now unfortunately.

Just copy and paste it into the websites text box and it automatically updates it for you

[grand jewel]

thank you so much

is what I got
(for other people needing the patch)

also fixed your fix aswell since it was bugged out TwT

/* Fixing forwarded messages */
.messageListItem__5126c{
  .content__122e4{
    background: rgba(255, 255, 255, 0.075) !important;
    border-radius: 10px 10px 10px 0px;
    padding: 14px;
    max-width: fit-content;
  }
  &[data-is-self="true"] {
    .message__5126c {
      .container_b7e1cb>* {
        flex-direction: row-reverse;

        .quote__122e4{
          margin-inline-start: 12px;
          margin-inline-end: 0;
        }
        .content__122e4{
          align-items: flex-end;
          background: var(--brand-500) !important;
          border-radius: 10px 10px 0px 10px;
        }
        .messageContent_c19a55 {
          /* text-align: right; Optional, just if you want the text on the right side. */
          padding-inline-start: 0;
          margin-inline-start: 0;
          margin-inline-end: auto; /* Remove both margin & padding inline ends when enabling text-align. */
          padding-inline-end: auto;
        }
        .container_b7e1cb>* .oneByTwoGrid_f4758a{
          flex-direction: row-reverse;
        }
      }     
    }
  }
}

[limber citrus]

Since it's a part of DDEX4, yes
I'm just swamped with personal life right now, you're gonna have to give me a while

[dire crest]

No worries dude, take your time. We have updaters for a reason 🙂‍↕️

[dire crest]

Thanks dude !

[white nest]

[limber citrus]

@dire crest bubbles is fixed

oh and @grand jewel @white nest also ^^

[white nest]

the one at the very top?

[limber citrus]

yes

[white nest]

awesome

thank u so much