Hello fine people. I recently patched the Nord theme into Tildes. I am requesting some feedback on potential changes to make to it. This is my first time doing something like this so please be patient if I am a bit slow. Any feedback is appreciated. Thank you in advance!

Dark theme preview
Light theme preview
Nord
Gitlab merge request

Edit: Thank you everyone for the feedback! I'll try to get the merge request out tomorrow with the fixes.

Add this rule to MyFilters
# Tildes Color
tildes.net##+js(trusted-set-cookie, theme, black, , , reload, 1)

Attribution is here ---> https://www.reddit.com/r/uBlockOrigin/comments/168257x/black_theme_for_tildes/

I often browse Tildes on my phone, which automatically changes from Light to Dark theme at night and vice-versa in the morning.

The issue I'm having is that changing the theme on mobile is more difficult than on desktop, and I'd have to always be doing it manually.

Other websites can read the theme preference from the browser and automatically adjust. Some even give the users an option to choose which theme to associate with the Light and Dark preferences.

I'd like to propose automatic theme Change as a feature for consideration, since Tildes already supports themes, and customization of which theme is which for a later date.

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

• Install a custom style plugin of your choosing that supports UserCSS and the Stylus preprocessor.
  • I used Stylus while making this (Firefox, Google Chromium)
• Click this link:
  • https://codeberg.org/admicos/snip/raw/branch/main/usercss/tildes.net/tilweaks.user.styl

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

I adore the available themes and it makes browsing quite pleasing to do. Currently I'm in a fight between Solarized Dark and Dracula. I'm curious though if there's a clearly preferred theme here or if people are using all kinds of stuff.

Some previous threads on themes (some are about themes in general and aren't Tildes specific):

• https://tildes.net/~comp/iyy/what_is_your_favourite_light_theme
• https://tildes.net/~comp/j14/what_are_your_favourite_low_contrast_themes
• https://tildes.net/~tech/cfq/light_themes_or_dark_themes
• https://tildes.net/~tildes/1yd/the_thing_i_want_most_atm_is_a_dark_theme
• https://tildes.net/~tildes/19c/why_so_much_blue_for_the_dark_themes

Want to contribute a theme to Tildes but don't know where to start? Let's fix that.

Before we start, get yourself a development environment setup and do a quick read through of the general development info to get acquainted with how Tildes works (or at least the HTML and CSS section).

For this walkthrough I'll be using tildexample as the example name for the theme, but if you decide to contribute a theme for real, make sure it uses the proper name of your theme. :P

Step 1: Sassy _Sass

Open the Tildes codebase using your text editor of choice and navigate to the themes directory at tildes/scss/themes. Then create a copy of _default.scss at _tildexample.scss. The default White theme is the canonical source of all colors used, so it's the best place to start from.

Below is an annotated example of all the things you need to change in your new theme file.

// Add a small description of the theme here with maybe a link to its website.
// Check the other themes for examples. https://example.org/tildexample

// Change the theme variable to $theme-tildexample
// ↓ ↓ ↓ ↓ ↓ ↓ 
$default-theme: (
  // A whole bunch of color definitions, edit as your theme demands.
  // ...
);

// Append ".theme-tildexample" to the body selector.
// ↓ ↙
body {
  // Don't forget to update the theme variable here too.
  //                  ↓ ↓ ↓ ↓ ↓ ↓ ↓
  @include use-theme($default-theme);
}

@include theme-preview-block(
  // Change the text to tildexample.
  // ↓ ↓
  "white",
  // And again update the theme variable here.
  //       ↓ ↓ ↓ ↓ ↓ ↓ ↓
  map-get($default-theme, "foreground-primary"),
  map-get($default-theme, "background-primary")
  //       ↑ ↑ ↑ ↑ ↑ ↑ ↑
);

Once that's done, head to tildes/scss/styles.scss and at the bottom of the file add your theme import:

@import "themes/tildexample";

Step 2: Hardcoding a TheMe coLor

Boy that title is a stretch just to say, we need to add 2 lines to the HTML base template.

Inside the tildes/tildes/templates/base.jinja2 file is a section of if/elif/elif/elif/... statements to set the theme color meta element. Add yourself an elif block and add your theme color.

For this you probably want to use the background-primary color you used in your theme definition. I've used #ff00dd below because it spells food. I'm such a jokester.

{% elif request.current_theme == "tildexample" %}
<meta name="theme-color" content="#ff00dd">
{% endif %}

Step 3: Snakey Wakey

Finally the last step is to grab your trusty pungi and give it a blow.

Head to tildes/tildes/views/settings.py and find the THEME_OPTIONS constant. Here you want to add the theme class you used in body.theme-<this part> and a proper name that will be shown in the theme dropdown.

THEME_OPTIONS = {
    "white": "White",
    # Many other themes...
    "tildexample": "Tildes Theme Example",
}

Once that's all been done, check it out in your development site and see if it works.

Now git!

Commit. Push. Merge request. Have some water. Deimos reviews, merges and deploys your theme. Job's done.

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' :)

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.

• main feed
• thread view

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!

Personally I'm partial to solarized dark since I also use that in my IDE's usually.
Dark but not too harsh, since tildes supports a bunch of themes by default.
I'm wondering which one are you using and why?

I apologize if this is the wrong topic for this post, and if this feature already exists, I apologize for that too. I looked around and couldn't find it (it's possible I could have missed it). But I thought a dark mode for Tildes would be most excellent. Right now, there's a lot of white space and combined with my 24" monitor, this site lights up my whole room like it's in the middle of the day. Anyways, thanks for reading. :)

I opened Tildes unlogged in an anonymous window and felt the amount of amount of white to be excessive, even for a bright theme. This feels a bit overwhelming. What do you guys think?

EDIT: I changed my theme to Solarized Dark a long time ago, I'm asking because now that an account is not required to view the content a lot of people will get to know Tildes, so maybe the default theme could be improved

If I'm the weirdo in the minority here, feel free to let me know, but I ideally switch between day and night modes almost daily on my websites and apps based on time of day. Here, it's usually between the White and Black settings. And while it's not a big problem by any means, navigating between 3 different pages (the homepage, my user page, then settings) is a tiny hassle that I feel could be avoided by placing the theme switching option on the homepage. I don't know if my usage of themes is normal or an abnormality, so I understand if putting it directly on the homepage isn't ideal if most users don't switch themes constantly. It would still be a fair bit faster if it were to be placed on the profile page somewhat similar to Reddit or YouTube (I'm not talking about the overlay, just moving the switcher from settings to maybe part of the User Menu).

I have noticed that most apps with a dark mode tend to bury it in settings, clearly indicating that it's designed to be a one time change, so again, maybe this is just a me problem, but I am curious on how others feel about a more easily on hand theme option.

Edit: What I'm asking below is actually already an option, I guess I'm just bad at reading :-/

As of right now, when you choose a theme, a theme cookie is created which takes a simple string value (white, light, dark or black).

It's straightforward and it works well, but for someone like me who set his browser to delete cookies at the end of his session, it's a little inconvenient to have to go into my settings to set a theme everytime I log on Tildes.

It's a low-priority request, obviously, but maybe you could consider it? I do understand that it makes sense to have it as a cookie since a user may prefer different themes on different devices.

In the meantime I think I'll just write a script to set my theme to black automatically.

Hi there! I do not know how to program anything and I am writing this from my android- has anyone created a night/dark mode with a black screen and light lettering yet? If so, please post the link!

I suffer from chronic migraines- it would likely help more than just me!😄

For those of us have our browsers set to clear all cookies upon exit find it annoying to login in the middle of the night only to get our eyes blasted with the white theme. Settings need to dug around with to switch is to something darker every time. This could be avoided by having the server remember the theme preferences of the users.

If this is something that's already discussed previously or planned to be worked on internally, please correct me below. Thank you

That's all.

The default "white" scheme is a little harsh on the eyes. I know a lot of other people like dark night themes as an alternative, but I dislike them strongly: seeing bright text on a dark background just doesn't work for me.

However, the Solarized Light theme is a nice compromise for me. The beige-y background takes the edge off the brightness. It also resembles a parchment look, which makes the place seem little bit classy.

I think it's good that there are a few theme choices built into the website, to give people options without having to install third-party extensions - and I like the 'Solarized Light' theme.