Hello, this is a client-side theme focused on high readability and removing extraneous visual widgets and icons. It is based on the way I liked to read content on that “other site.”

Image

For better or worse, the current kbin layout is very “mobile” in design and not the best for reading longform text on a desktop. This theme focuses on easing the layout and hopefully making threads look more forumlike.

It does take a “scorched earth” approach in removing stuff I don’t like, but everything that starts disabled can be enabled again via the radio buttons provided, allowing you to toggle on/off various widgets on the fly.

This includes:

  • sidebar
  • footer
  • activity
  • thumbnails
  • previews
  • short description
  • avatars
  • upvotes, downvotes, or both
  • icons
  • elements of the text submission form
  • numerous other elements

In addition, you can change the base color scheme via the color picker in order to globally control things like:

  • body color
  • link colors
  • upvote/downvote colors
  • blockquotes, code blocks, input fields
  • hover/focus color
  • text color
  • etc.

Disclaimer: I have tested this at 1440P on a desktop environment at various scaling levels and dimensions and it seems to mostly be OK. I have not extensively checked for glitches on mobile aside from some rudimentary mocking. If you find something wrong, feel free to make a PR or inbox me.

Frontend is not my main focus area, so there may be some anti-patterns or things that are objectively stupid, particularly around the way I manipulated elements on the grid. Again, if something is being implemented wrongly here, please advise.

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

    This looks amazing, but I have no idea how to install it. Can you help?
    In Github it says navigate to the script and follow the prompts, yet the link only opens a page with the script text, nothing happens. I’m using Brave by the way, is that the problem? Thank you for the amazing work you’re doing.

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

      Sorry if that was unclear. If you look at the dependencies at the top of the instructions, you need the Stylus extension. I believe it’s only available in Firefox and Chrome. Once you have the extension installed, navigating to scripts like that one will bring up an install menu that lets you load the script and choose the parameters you want. It looks like this

      I’ll update the README tomorrow to make this clearer.

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

      I’ve updated the help file with screenshots and a more step-by-step walkthrough of how to install, hope this helps.