userstyles icon indicating copy to clipboard operation
userstyles copied to clipboard

fix(mdn): update variables

Open Koba-gh opened this issue 3 months ago • 4 comments

🔧 What does this fix? 🔧

I updated variables for the latest MDN. I think there is a lot of room to improve, especially three points below.

  1. I uniformly set lightness of --color-COLOR-NUM to NUM.
  2. I arbitrarily set custom values for some variables and keep default for others.
  3. Syntax highlighting doesn't work now.

🗒 Checklist 🗒

Koba-gh avatar Sep 21 '25 12:09 Koba-gh

Syntax highlighting doesn't work now.

Even if I paste in the contents of the Prism highlighting import directly into the userstyle I still don't see the Prism styles showing up on the span.tokens on the pages. I have no idea why this isn't working, cc @WalkQuackBack do you have any ideas?

uncenter avatar Oct 07 '25 00:10 uncenter

Syntax highlighting doesn't work now.

Even if I paste in the contents of the Prism highlighting import directly into the userstyle I still don't see the Prism styles showing up on the span.tokens on the pages. I have no idea why this isn't working, cc @WalkQuackBack do you have any ideas?

Taking a look at this now.

WalkQuackBack avatar Oct 08 '25 06:10 WalkQuackBack

Pretty sure this relates to the CSS being within the Web Component Shadow DOM (specifically, it uses Lit) so it's scoped from any CSS outside of it. It's within the mdn-code-example component. I'm not sure there's a way to theme it considering the lack of externally accessible parts or slots .

WalkQuackBack avatar Oct 08 '25 06:10 WalkQuackBack

Pretty sure this relates to the CSS being within the Web Component Shadow DOM (specifically, it uses Lit) so it's scoped from any CSS outside of it. It's within the mdn-code-example component. I'm not sure there's a way to theme it considering the lack of externally accessible parts or slots .

Thanks, I totally missed this. A shame that more things are using web components which are unstylable to us with Stylus: https://github.com/openstyles/stylus/issues/739.

uncenter avatar Oct 08 '25 13:10 uncenter