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.

  • sourworm@kbin.social
    link
    fedilink
    arrow-up
    3
    ·
    edit-2
    1 year ago

    Where can you turn off user avatars? I thought I had seen it before but I can’t find it now in settings. I’m not sure if it’s because I’m currently on mobile or I’m just remembering seeing it in Lemmy.

    Edit: Found that option in the theme settings section which are just further down the page and not in the settings under username.
    But I have avatars off and even without any style sheet modifications I’m seeing them.

    • the8thbit@kbin.socialOP
      link
      fedilink
      arrow-up
      2
      ·
      edit-2
      1 year ago

      I believe that option turns avatars off when looking at entry summaries (like when you’re on the main page, or on a page for a mag) but there isn’t a way to turn them off in the comments section.

      I did actually end up making the comment section avatars larger so that I could put the voting controls under them right before I went to bed last night… thats one of the few places where my changes use up more space, but they give more of a reddit “feel” since doing that puts the vote controls close to where they were on reddit (old and new) and looks cleaner despite using more space…

      idk how I feel about it, its technically less “slim” but looks a little prettier.

      tagging @Lantech so they see this too