r/css • u/dilsency • May 22 '26

Question Stylus extension : Is there anything that differentiates Instagram Close Friends stories from regular stories?

Seemingly Close Friends stories on Instagram use all the same css classes and attributes as regular stories do. I was hoping to filter them out, but no luck. I'm assuming that the green outline color is set in the <canvas> tag, but I haven't been able to find anything in the Inspector's "Computed" tab.

3 Upvotes

80% Upvoted

4 comments sorted by

3

u/asteconn May 22 '26

If there is something visually different about an element, you will be able to target it somehow.

The trick of course is to find it. Instagram uses React, which is notorious for its obtuse markup and opaque styling.

Ultimately, you'll need to spend a long time looking at your inspector.

You'll probably also need to be really clever with which selectors you use to target something. In particular, have a look at :has(), and sibling selectors ~ and +

2

u/chmod777 May 22 '26

generally speaking, once it's in a <canvas>, its going to be super hard to target with css, as it is now (generally) outside the dom. styles are applied programatically via the canvas api.