I love the idea of kbin, but I’ve found the UX could be improved. Honestly, I like it better than new reddit already, but I find it doesn’t quite feel as nice as old.reddit.com to me.

This motivated me to throw together a stylus theme to give kbin a little more of an old.reddit feel. I got rid of a lot of the whitespace which pads out the site, and made some other tweaks I think make it look better. I’ve also replaced both the upvoted and downvoted colors with ones that are a little easier to read regardless of which color theme you’re using.

This stylesheet should be compatible with any kbin UX configuration. Its been tested with every theme, compact mode, thumbnails, all 3 font sizes, and all of the other kbin user options. It shouldn’t interfere with the mobile view either, however, all of the changes, other than the vote colors, are turned off since kbin’s vanilla mobile view is pretty solid. (at least, imo)

I also tried to keep this accessible, using rem for most sizing, so if you configure your browser to have a custom font size, this SHOULD play nicely.

This is a WIP, so if you notice that anything is broken or ugly, please don’t hesitate to let me know.

If there’s any interest in integrating any of these styles into kbin proper let me know. I’d love to help kbin look beautiful out of the box, and I’d happily put in a PR, but I figured starting with a stylus theme would be safer since I’m not sure if the admins or community have an interest in these changes yet. Obviously if I did put in a PR I’d rewrite a lot of this to take better advantage of custom properties and integrate these styles into the kbin stylesheets less awkwardly.

9 points

Very nice. Also post to m/kbinStyles. Here it will get lost pretty quick.

permalink
report
reply
7 points

@the8thbit I wish we could integrate these info kbin itself. Unfortunately I use a mobile browser without extensions.

permalink
report
reply
7 points

This is cool. While I found the regular UI fine for me, I get why some people would want something like this. Nice job!

permalink
report
reply
3 points

Thank you! :)

permalink
report
parent
reply
6 points

I adore this. I defaulted to old.reddit.com with an extension for good reason. I don’t mind the way kbin looks but stuff like this might make the move over here easier for new users.

permalink
report
reply
5 points
*

I would love this for mobile view myself tbh. I’m used to RiF where I could view 10 posts at once before scrolling, but the kbin progressive app and mobile browser only give me 3-4 due to the content being stacked on top of the title. Moving it to the side like this would alleviate that to some degree I think.

permalink
report
reply
3 points
*

Thanks! I’ll look into making mobile tweaks eventually. Right now mobile should be identical to vanilla, other than the vote color changes.

permalink
report
parent
reply
2 points

If you go to settings, you can disable thumbnails to make room for more posts.

permalink
report
parent
reply
1 point
*

I’m very tech illiterate.

…Is there anyway I can use this on safari from my iPhone, as it is right now?

I’ve exclusively used old.reddit for the past decade and would love to go back to that visual!

permalink
report
parent
reply
1 point

I’m not sure if you can install stylus in mobile safari. However, even if you could, I left the mobile (portrait) view largely unchanged. I’ll eventually take a look at doing a proper mobile view, but I didn’t want to deal with that headache yet lol

permalink
report
parent
reply

/kbin meta

!kbinMeta@kbin.social

Create post

Magazine dedicated to discussions about the kbin itself. Provide feedback, ask questions, suggest improvements, and engage in conversations related to the platform organization, policies, features, and community dynamics. ---- * Roadmap 2023 * m/kbinDevlog * m/kbinDesign

Community stats

  • 1

    Monthly active users

  • 1.3K

    Posts

  • 13K

    Comments

Community moderators