• Activity
  • Votes
  • Comments
  • New
  • All activity
  • Showing only topics in ~tildes with the tag "stylus". Back to normal view / Search all groups
    1. Tilweaks: A user style I made to "clean up" Tildes' interface

      This was originally made just for personal use, but I decided to clean it up and share it. Should support all built-in themes (Themes other than Dracula were afterthoughts and might not be as...

      This was originally made just for personal use, but I decided to clean it up and share it.

      • Should support all built-in themes (Themes other than Dracula were afterthoughts and might not be as polished. Especially light themes)
      • All changes are toggle-able

      Changes

      • Configurable font size
      • Remove sidebar background
        • Make the sidebar primary button clear (border only)
      • Add a border to the "main" element
      • Add extra spacing to various elements
        • Remove the alternating background from thread colors
      • Remove comment borders
        • Add depth indicators (dotted left border for children only)
        • Add comment backgrounds (to separate comments without borders)
      • Hide votes (disabled by default)

      Installation

      Configuration under Stylus

      1. Open the extension popup in when in tildes.net
      2. Click the cog next to Tilweaks
      3. Edit to your liking
      20 votes
    2. Its still rough, but I made a really busy tildes theme

      I decided to rewrite this from scratch. You can try it out if you're game. album I wiped out my profile in Chrome the other day and forgot to back up stylus and some other settings for a few...

      I decided to rewrite this from scratch. You can try it out if you're game.

      album


      I wiped out my profile in Chrome the other day and forgot to back up stylus and some other settings for a few extensions. I found an old post where I listed part of a theme I'd started working on, but had since abandoned.

      I couldn't find a copy of the ol' Tiltweaks stylus theme, either, so I decided to bring back that old, unfinished gem to get my theme back to roughly where I had it before... then I added a bunch of other crap in.

      Anyway, here's the link to a busy screencap.

      The two column layout isn't for everybody, but in the brief time I've spent with it, I'm starting to like it.

      Just thought I'd share. I'm about 99.6% certain everybody will see it and say, 'gross' :)

      15 votes
    3. Any custom themes using Stylus?

      I switched to the light theme the other day. I'm typically all-in with dark themes for everything, but there was some convincing research. I started working on a light theme, but it's fairly...

      I switched to the light theme the other day. I'm typically all-in with dark themes for everything, but there was some convincing research.

      I started working on a light theme, but it's fairly basic.

      I was digging through the old thread and found a few gems, but I'm wondering what everybody has been up to since. Time for some show and tell!

      10 votes
    4. Stylus userstyle that hides comment vote counts

      This simple stylus userstyle hides vote counts on both voted and unvoted comments and your own comments. I really like what Deimos did, it significantly improved my time here on Tildes. If you...

      This simple stylus userstyle hides vote counts on both voted and unvoted comments and your own comments. I really like what Deimos did, it significantly improved my time here on Tildes. If you want the feature back, install Stylus extension, click the Stylus icon > write style for tildes.net and paste this:

      /* Hide vote count for unvoted comments */
      .btn-post-action[name="vote"] {
          visibility: hidden;
          position: relative;
      }
      .btn-post-action[name="vote"]:after {
          visibility: visible;
      	content: "Vote";
          position: absolute;
      }
      
      /* Hide vote count for voted comments */
      .btn-post-action[name="unvote"] {
          visibility: hidden;
          position: relative;
      }
      .btn-post-action[name="unvote"]:after {
          visibility: visible;
      	content: "Voted";
          position: absolute;
      }
      
      /* Hide vote count for your own comments */
      .comment-votes {
          display: none;
      }
      

      Known issues

      • There is extra padding around Vote button
      • Extensions such as Vim Vixen cannot interact with Vote button
      10 votes
    5. Firefox plugin Stylus no longer working on Tildes

      I have poor vision and I rely heavily on a Firefox plugin called Stylus to make websites readable - in particular the trend for low contrast and small text. That includes Tildes. I updated it to...

      I have poor vision and I rely heavily on a Firefox plugin called Stylus to make websites readable - in particular the trend for low contrast and small text. That includes Tildes.

      I updated it to v1.5.0 and now the styles I set for Tlldes no longer work - most other sites still appear to work but I've not checked them exhaustively.

      I immediately tried rolling back a release or two (1.4.23 and 1.4.22) but those versions no longer work for any site. I tried randomly downgrading to even older versions but the same result. I think I'm stuck with the latest version..

      I notice in the browser console there are 2 errors reported on Tildes e.g. on this page I see:

      Content Security Policy: The page's settings blocked the loading of a resource at inline ("script-src"). new_topic:1:1
      Content Security Policy: The page's settings blocked the loading of a resource at inline ("style-src"). new_topic:1:1

      Using the Firefox Developer tools Inspector - I see my style settings for Tildes injected by Styuls (after the body) but they do not work any more.

      Since only Tildes so far is not working with my Stylus settings I guess there is also a recent change to Tildes that is causing Stylus to fail.

      This is a rather serious issue for me as all the colour options in the setting are low contrast and cause eye strain which becomes painful without the Stylus settings.

      Thanks for any help you can offer.

      17 votes