1
submitted 1 year ago by uwu@kbin.social to c/kbin@kbin.social

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.

top 3 comments
sorted by: hot top controversial new old
[-] raltsm4k@kbin.social 1 points 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 0 points 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.social 1 points 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.

this post was submitted on 12 Jun 2023
1 points (100.0% liked)

/kbin

9 readers
1 users here now

/kbin-related stuff. Unofficial, not moderated by devs (yet). Official ones: /m/kbinMeta /m/kbinDesign **All official /kbin magazines in one collection**

founded 1 year ago