Colored Embeds

[upbeat timber]

weird behavior here

[gloomy quail]

updated

[upbeat timber]

thank you!

very cool skript

[fleet frost]

actually looks very nice

[oak skiff]

probably a good idea to have it invert the text color depending on background color

[obtuse wren]

how would you detect that

[oak skiff]

not entirely sure

i don't know much about querying a color via css

[obtuse wren]

you can only do it if it's in the style attribute, and you have to do it for every single hexcode you want

well it's defined as hsla, so you'd have to do the hsla you want

[gloomy quail]

i mean you can do that using pure plend layers in theory, never tested that tho

[crimson shale]

https://developer.mozilla.org/docs/Web/CSS/color_value/contrast-color

[crimson shale]

^^

[gloomy quail]

[crimson shale]

Maybe that would've been a bit important to check

[gloomy quail]

also this still wouldnt work becuase where do you get the background color from

its a fucking 480px-long border

[obtuse wren]

?

[crimson shale]

Just realised that it was an inline style, not a CSS variable

[gloomy quail]

my friend @edgy oak invented a thing called chameleon that dynamically changes color based on background using pure blend layers, it may work in pure css but i dont wanna test it rn

[warm rapids]

kinda smart to inherit the border left and then change the border left's color

[gloomy quail]

*size

[warm rapids]

mb

[obtuse wren]

huhhhh

that looks so cool

[high vector]

if an embed is in spoiler, the spoiler message is almost hidden

[tacit wharf]

this doesnt work for component v2 embeds

[gloomy quail]

i have never seen a component v2 embed so

holy shit its fucking miles easier

@tacit wharf updated

[tacit wharf]

yop

[jolly charm]

thank you love it.
but is there any way to bring back the close button? ><

[gloomy quail]

Not part of this snippet, ask #🎨-theme-development

[fierce patio]

@gloomy quail how would one impliment a specific color into their website?

[gloomy quail]

discord uses opengraph for reading color https://ogp.me/

[fierce patio]

OGP has a color property?

[gloomy quail]

should
either that or theme-color idk how embeds work

[topaz grove]

shit got

beleted?

heres what i have in my css

/* ############## */
/* Colored Embeds */
/* ############## */

.embedFull__623de {
  overflow: hidden;
}
.embedFull__623de::before {
  top: -1px;
  content: "";
  position: absolute;
  border: inherit;
  border-left-width: 100vw;
  max-width: 100%;
  height: calc(100% + 2px);
  box-sizing: border-box !important;
  opacity: 0.35;
  z-index: 1;
  border-radius: 0px 0px 0px 0px;
}

.gridContainer__623de {
  z-index: 2;
}