Email or username:

Password:

Forgot your password?
12 comments
⬡-49016 moved accts; see pinned & consider following back :3

tbh compositor and browser fuckery was more of a pain in the ass on x11. wanted to do some wayland fuckery for a while and turns out its not that hard

⬡-49016 moved accts; see pinned & consider following back :3

(and no, this isn't limited to just mastodon; everything is automagically transparent)

mdn (which is completely transparent) on box-shadow with the trans flag example (which is completely opaque), and a firefox window above that lets some of the contents of mdn through the background of the wayland wikipedia article
greeeeeeeen :blobcatpresentgreen: (lonely edition)

@49016@mastodon.catgirl.cloud is it running a custom compiled firefox, that is somehow telling x11/wayland that its background color is transparent? how can one even define what a "background" is?... and not confused it with a similar color in images and such. this feels somewhat reminiscent to how @media print works, i guess. it also turns off backgrounds

⬡-49016 moved accts; see pinned & consider following back :3

@green

is it running a custom compiled firefox, that is somehow telling x11/wayland that its background color is transparent?

yes! browser.tabs.allow_transparent_browser and a bit of userchrome styling and the fucker goes transparent

here's the fun part though: the actual backgrounds on the website get removed by the compositor, not the browser, by running a chroma key shader on the windows that keys after a color picked from the browser

greeeeeeeen :blobcatpresentgreen: (lonely edition)

@49016@mastodon.catgirl.cloud

browser.tabs.allow_transparent_browser
woah. does that only work for userchrome, or can a regular website also make itself transparent?

⬡-49016 moved accts; see pinned & consider following back :3

@green thats the fun part: the browser UI is just a regular ol browser. if the UI can do it, a webpage can do it too. in fact, it has the default background on webpages set to transparent, which just makes everything transparent by default lol

⊗-55214 greeeeen

@49016 what's the button to open the userchrome inspector again?

⬡-49016 moved accts; see pinned & consider following back :3

@green shift ctrl alt i. needs to be enabled in the devtools settings first though

⊗-55214 greeeeen

@49016 oh. i can't press this, because shift+alt is bound to switching the keyboard layout...

⊗-55214 greeeeen replied to ⊗-55214

@49016 it's, almost working. i feel like i should do * {background-color: transparent !important; } or something...

a screenshot of a firefox window, with an almost transparent tab bar
Go Up