CSS and JS appearance customization

I found a panel in the appearance section of the magazine panel that seems to allow custom CSS and JS to be used to modify the look of a magazine. Is there anywhere I could learn more about that or is it another case of the docs not being there yet or even just the feature not quite working yet?

I see you’re able to change the background of a magazine, I assume that you can do the same things you used to be able to do on old.reddit? I don’t have enough CSS or JS knowledge to find what can be modified, much less how to go about modifying it but maybe someone has a little bit of insight.

  • raltsm4k@kbin.social
    link
    fedilink
    arrow-up
    1
    ·
    1 year ago

    Not sure about JS, but from some cursory experimentation there don’t seem to be any limitations on what can be done with the custom CSS. It seems to just load whatever CSS code you put there into a style block at the top of the finalized page source, so anything goes really. I wouldn’t be surprised to see limitations on this in the future since this could obviously lead to some annoyances from making the entire page invisible to overlaying a seizure gif onto everything.

    As far as documentation I don’t know of anything official, but /m/kbinStyles seems like your best bet for asking questions, alongside using inspect element to identify the elements you want to style while consulting a CSS reference like w3schools. Also iirc, browser extensions like Stylus let you create custom themes for sites while previewing them on the fly which would be pretty helpful here. As long as you’re not trying to do anything crazy complex you could probably learn what you need to style a magazine in an afternoon!

  • FaceDeer@kbin.social
    link
    fedilink
    arrow-up
    0
    ·
    1 year ago

    It’s awesome that such open custom CSS and JS is allowed.

    Next question, though; how do I disable that? :) I just came across /m/boycottreddit with customized CSS, and wow, I can’t read it. It’s got dark gray text on a black/dark orange background. It’d be nice to be able to disable it on a per-community basis in case I like most of the customizations but occasionally come across a community like this one that I’d like to read but can’t.

    • uwu@kbin.socialOP
      link
      fedilink
      arrow-up
      1
      ·
      1 year ago

      Hmm, good point. I’m sure that will come with time as people inevitably abuse the openness of the custom CSS and JS.