• Activity
  • Votes
  • Comments
  • New
  • All activity
  • Showing only topics with the tag "themes.display". Back to normal view
    1. Requesting feedback on my implementation of Nord into Tildes

      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...

      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.

      20 votes
    2. Is it possible to have support for theme switching according to system?

      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...

      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.

      11 votes
    3. 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
    4. What's your favorite theme on Tildes?

      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...

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

      28 votes
    5. How to contribute a theme to Tildes

      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...

      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.

      Annotated example theme
      // 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.

      26 votes
    6. 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
    7. 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
    8. Which Tildes Theme are you using?

      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...

      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?

      29 votes
    9. Site suggestion: Dark mode

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

      4 votes
    10. Your chosen theme on Tildes now carries over to the Blog and Docs sites

      No functional changes, but the themes available on Tildes itself now transfer over to the Blog/Docs sites (previously those sites were always using the "Solarized Light" color scheme). It was a...

      No functional changes, but the themes available on Tildes itself now transfer over to the Blog/Docs sites (previously those sites were always using the "Solarized Light" color scheme). It was a little painful before if you were using a dark theme and clicking something like the "Formatting help" link took you to a bright page, so this should be a lot better.

      There's currently no way to select a theme from the other sites, just on Tildes itself, but it should carry over when you've selected one here (using the dropdown in the footer if you're logged out, or through the settings page if you're logged in).

      Please let me know if you come across any issues with it. It was pretty straightforward overall, but it did involve redoing a lot of the CSS and HTML for the Blog/Docs sites, so it's very possible that I messed some pages up and haven't noticed yet.

      49 votes
    11. The long-awaited moment... Dracula theme added! Oh also, the site is publicly visible now (but let's not be too noisy about it yet).

      Alright, after repeatedly delaying it for various reasons, Tildes is now publicly visible. This means that people no longer need to get an invite to be able to browse the site. An invite is still...

      Alright, after repeatedly delaying it for various reasons, Tildes is now publicly visible. This means that people no longer need to get an invite to be able to browse the site. An invite is still required to register and participate though (and I'm intending to keep it that way for the foreseeable future).

      This should be a huge boon to the overall process—people will be able to check out the site before requesting an invite, which will save a lot of effort giving out "wasted" invites to people that just wanted to look and don't continue visiting afterwards. I want to talk more soon about making the process of getting an invite easier, but this should help a lot for now.

      Please don't try to bring a lot of attention to the public visibility just yet (you're welcome to tell friends or small groups though). I fully expect some people to notice it naturally, but I'd like to try to keep it a little quiet still over the weekend. There are still a few things that I'm working on, and I'd like to get a bit more done before we start promoting it too widely. Early next week I'll make a post on the Tildes blog announcing it, and then we can go all out with it.

      A couple of other notes about public visibility:

      • Logged-out users can select their theme - there's a dropdown box in the site footer for them to change it, but they'll have to set it individually on each device.
      • Logged-out users can only see the most recent 20 posts on user pages, they don't have access to the full pagination like logged-in users do. That was discussed a little in this thread. I don't know if it will stay this way permanently, but we can try it out for now.

      I've also topped everyone back up to 5 invite codes again. The public visibility may cause some of you to get requests from people for invites, so please let me know if you need more. You can access your invite links here: https://tildes.net/invite

      And as one other thing, I've also added the tirelessly-requested Dracula theme. This is the first time I've tried using the revamped theme system that @Bauke set up to add a completely new theme, so please let me know if you notice any oddities with it (or if you think I used the colors of it wrong or anything, I don't use Dracula personally).

      Please let me know if you have any questions, concerns, feedback, etc. about the public visibility. This is a huge step in the site's progress, and I'm definitely both excited and terrified about it.

      222 votes
    12. Does anyone else feel the default theme is too bright?

      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...

      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

      22 votes
    13. I feel it would be convenient to make theme changing faster

      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...

      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.

      13 votes
    14. Could the display theme be account bound?

      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...

      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.

      8 votes
    15. Night/Dark interface request!

      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...

      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!😄

      9 votes
    16. Remember display theme preferences even after cookie clearing

      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...

      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

      10 votes
    17. I like the 'Solarized Light' theme

      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...

      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.

      17 votes