22
votes
How do you customize Tildes?
Other than using the Atom One Dark theme instead of default theme, I also:
- View at 80% zoom (in desktop)
- Use the Tildes Formatting Toolbar userscript (not sure who wrote this or where the install link is but I'm sure someone in the comments can say)
And that's it for me! Which is relatively speaking almost no personal customization for me. (I also have a universal stylus sheet that removes ligatures on the entire internet but I don't think that does anything here)
What does everyone else do? What do you recommend?
By using Three Cheers for the most part.
If I find myself on web, I use the black theme as the only change.
Tildes has a Customization wiki page targeted for desktop browsers. I've added all the new things mentioned in this thread to it.
My personal customizations are:
I also make extensive use of uBlock Origin custom filters since the built-in tag filters don't catch everything (new submissions that haven't been tagged, specific title keywords, etc).
I've been using a userscript someone made a while ago called Tildezy which does things like colored usernames, navigating to new comments and a bunch more but I mostly use it for those.
Oh, right. I also made a little custom css which mostly changes the font to
Atkinson Hyperlegiblebecause I just find it a pleasant font overall. Basically for any website I frequently visit I tend to change the font to that one.Depends a bit on where i am but mostly the same. Dark theme + appropriate zoom depending on the size of screen I'm on (normal monitors for lots of places, but at home my living room TV is my monitor).
I have the formatting userscript on some of my machines but forget to/don't bother to port it around too much and have had a few bugs with it.
I use the Tildes ReExtended browser extension. It comes with several nice features, but I especially like the "diff" view it adds for the topic log that makes changes to tags, titles, links, etc. much easier to parse.
For themes, I used to use White and Atom One Dark, but then I sort of made two of my own:
I say "sort of" because I didn't come up with the colors or write most of the CSS. The colors are ports of the Spring and Bio themes from Protesilaos Stavrou's Ef themes Emacs package. The CSS I cribbed from somewhere long ago and adapted it (I don't remember the source and can't find it, sorry).
I've included the userstyle CSS for the themes below. They aren't perfectly in-sync with the site's native styles, but they're good enough. The userstyle also switches themes automatically depending on my system's light/dark theme preference. I have this tied into a larger setup on my computer, so that when the sun goes down, my computer, web browser, Tildes, and everything else automatically switches to a dark theme. It's very nice.
I also have this bit of CSS in another userstyle that automatically heightens the comment box because, let's face it, I almost always need the extra real estate:
Spring/Bio userstyle CSS
(I've been on the fence about opening a pull request for these themes because while I really like them and use them everywhere, they are also very similar to the site's default White and Black themes)
I use re-extended as well because I like adding notes to user names :)
this is what mine looks like. It scales into columns, which I prefer.
oh that's pretty cool. Is that custom css or a public stylesheet?
ok! https://pastebin.com/raw/FpzHkESj is what I have. I'm not great with any of this, but it works. There's an options menu to hide trump, set fonts, etc, too. This hides all forms of vote counts / karma along with a lot of other stuff that I view as distractions.
very cool!! I'll see if I have some time to make a dark theme within your framework and if so I may switch to this view, I really like the use of space on the main page!
i think i used variables for all of the colors, so it shouldn’t take long. and really, the light, dark, etc schemes could be menu options, which would be slick.
if you spot any errors or anything, feel free to pm me.
I've kept my customization to Tildes to a minimum, mainly out of laziness but there's some sensible defaults here so I haven't felt the need to do too much. The only thing I've started doing recently is switching between the basic white and black themes depending on the time of day. I'm sure there's a way to automate it but I don't mind doing it manually. I'm also a user of the Tildes Extended extension. I just use it to open links in a new tab, jump to new comments, and give me a markdown preview.
I've actually written my own theme using the catppuccin color scheme (which matches my terminal, editors, and a couple other sites at work I've written custom themes for). You can drop this block into Stylebot or a userscript to use it:
collapsed code block
There's certainly some things that fall through, my site theme is set to Atom One Dark so there's good defaults under it.
I think you're missing a level of specificity on that
bodyselector, default colors are onbody.theme-atom-one-darkbut this looks great! kinda similar to dracula but darker, I like it
yeah I think my style extension does some of that work for me by adding
!importantto every trait. Might make a merge request to make it a "real" theme at some point, who knows.I like your theme - it's very pretty and easy on the eyes - but I had to add the theme class of my active class to it, so
body.theme-atom-one-dark(as I have the same underlying theme selected). But good job all around.Edit: I apologize for the redundant comment, I see @RheingoldRiver said this as well.
I wrote a few ad hoc CSS customizations. Here's one I use for better highlighting permalinked comments, and finding them when they're hidden beneath a collapsed parent (visual demo).