• Activity
  • Votes
  • Comments
  • New
  • All activity
  • Showing only topics in ~tildes with the tag "themes". Back to normal view / Search all groups
    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. 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
    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. Dark mode?

      Could a dark mode be implemented? Edit: I found the options! Now could we create our own themes?

      14 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. Testing a new method (CSS custom properties) for the site themes - please report any issues you notice

      In his never-ending quest to keep improving Tildes's theme system, @Bauke has reworked a major portion of it again, this time making it use CSS custom properties (instead of pre-generating a lot...

      In his never-ending quest to keep improving Tildes's theme system, @Bauke has reworked a major portion of it again, this time making it use CSS custom properties (instead of pre-generating a lot of theme-specific rules using Sass).

      This new method has a lot of benefits, including reducing the size of Tildes's CSS file to less than half of what it was before. It will also make it much simpler for people to override certain site colors or create their own themes using local CSS changes (e.g. through extensions like Stylus). (Note: please don't invest a lot of time into using it to customize yet, since it may still need to have further changes or even reverted)

      This is a relatively modern CSS feature that should have good support at this point, but it's possible there will still be some issues, or things that were missed during the conversion. If you notice any colors being wrong or other appearance changes (even minor ones), please leave a comment (including which theme you're using) so that I can fix them up.

      Thanks yet again, @Bauke!

      And I haven't done it in a while now, but I've topped everyone back up to 10 invites, accessible on the invite page.

      54 votes
    8. 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
    9. 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
    10. 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
    11. You can now search your own topics and comments, and a theme preview page is available

      Two updates today: Theme Preview page This is another contribution from @deing, who's been working on this one for a while. It ended up being more complicated than it originally seemed and still...

      Two updates today:

      Theme Preview page

      This is another contribution from @deing, who's been working on this one for a while. It ended up being more complicated than it originally seemed and still has a few minor oddities, but I think it ended up coming out quite well.

      When you're on the Settings page, there's now a "View theme previews" link just below the theme-selection dropdown near the top. That will take you to this new Theme Preview page. The blocks with the theme names at the top give you a quick idea of each theme's color scheme, and you can click them to change the whole page's theme and see what it looks like on the example topics and comments below.

      I should also mention that Gruvbox themes (with Light and Dark variants) were added about a month ago by @lugubris. I don't think I ever announced those being added, but you can easily check them out here now.

      Search your own posts

      @mrbig's recent post with multiple suggestions reminded me to work on this one. You know the drill: it's minimal, the interface is a little weird, etc. but you can now search your own topics and comments (separately).

      To use it, go to your own user page and click into either "Topics" or "Comments" from the top, you can't still be on the default "All posts" view. When you go into either of the individual post types, there will be a search box at the top, and you can use that to search your own posts.

      Just like the overall site search, the search always works as "look for all of these words", so only include multiple words if you want to find posts that contain all of them. I'm hoping to upgrade the PostgreSQL version that I'm using fairly soon, which should make for some easy enhancements to search, so hopefully soon we'll have some more capabilities there.

      Let me know if you notice any strangeness with the search results.

      And as usual, I've given everyone 10 invites, accessible on the invite page

      40 votes
    12. 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
    13. 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
    14. 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
    15. 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
    16. 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
    17. 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
    18. 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
    19. 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
    20. 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
    21. Black theme?

      Hi, will (or do) we have a night theme? On reddit i used RES for night theme on old design, but here i find nothing

      6 votes
    22. Quotes should have more contrast (default light theme)

      Quotes serve two purposes: 1) Replying to a specific part of someone else's comment, and 2) introducing new information from an external source. Replying to a specific part When replying to...

      Quotes serve two purposes: 1) Replying to a specific part of someone else's comment, and 2) introducing new information from an external source.

      Replying to a specific part

      When replying to someone, the current low-contrast black-on-gray style makes sense because it's redundant info.

      However, when quoting an external source, my eyes tend to gloss over the quote, which is unfortunate. Current workarounds are: mild editorializing by bolding certain words; or paraphrasing the source, which is often a waste of time or can be misleading if someone misread the original.

      In summary, my inner thoughts say:

      I suggest we make quotes higher contrast, so that the ones introducing new info can add to the conversation, rather than be ignored due to visual de-emphasis.

      Quotes from external sources often imply authority and that their author has given a topic a lot of thought. Therefore they are valuable to include in a conversation and should carry the same weight as text written by any random user.

      Edit: Screenshot of this post using light theme: https://i.imgtc.com/wVdoFN6.png

      3 votes
    23. 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
    24. We're starting to have more contributions for custom themes and extensions. I think it's about time we start to catalog these nicely.

      One of the unfortunate realities of open source efforts is that these efforts are often fragmented and scattered all over the place, making things difficult to find. With that in mind, I've...

      One of the unfortunate realities of open source efforts is that these efforts are often fragmented and scattered all over the place, making things difficult to find. With that in mind, I've started a new GitLab project here consisting of a simple README file that we can use to start tracking the client-side themes and extensions that the community here has been hard at work developing.

      The list, at the time of posting this, is empty. The README is sparse and the entire thing is subject to change by the community itself. I will only be reviewing changes to ensure that changes are acceptable before a merge is allowed through (we don't want e.g. malicious links thrown in or perfectly good projects removed by someone acting in bad faith). You can change contribution notes/guidelines, existing language, layout, categories, and whatever else you can think of. If there's something else that you think the repository could use aside from the README, then you're free to issue a merge request to have it reviewed as well.

      I'm hoping that this will help us keep track of everything and aid future users in discovering the various tools and themes provided by the community.

      Please feel free to discuss guidelines here. Is there anything that shouldn't be allowed on the list? Is there anything that should be taken care of immediately? Are there any immediate concerns? Is there anything else on your mind?

      19 votes
    25. The thing I want most atm is a dark theme.

      New user here, just got invited and started poking around the site, and the thing that most stands out to me is the bright white theme of the site. Its a big trend that most sites seem to not be...

      New user here, just got invited and started poking around the site, and the thing that most stands out to me is the bright white theme of the site.

      Its a big trend that most sites seem to not be catching onto, users want a dark theme at least as an option, because the blinding white webpages at this point almost seem dated, and if you're browsing at night/in a not very well lit room, they come off as harsh, sometimes almost blinding. You can see the demand for this being fulfilled with plugins on most sites, as the websites themselves seem to be slow to act. YouTube for instance is terrible with its default white scheme, but pretty nice if you do the "secret" dark theme. Slack too, although I use a plugin for that, same with Reddit and using RES to turn on a dark theme.

      So while I know the list of things to do is probably a mile long, a dark theme would go a long way to making the site more appealing I think, and give it an edge as a more "modern" website.

      8 votes
    26. Anyone else having issues with themes?

      I can't get a theme to save across sessions for the life of me, and it's bugging me. Am I doing something wrong? Can anyone else get it to work? I'm a vampire, so dark theme is the way to go.

      2 votes