Skip to content

Ch..ch..ch..ch..changes!

Announcements
  • If you’re a Bowie fan, then the title of this post might mean something to you 🙂 If not, sorry - obviously wasted… 😄

    The main point of this post is to advise you of some changes that are happening within the platform. Over time, Sudonix has evolved (in a good way of course) and has attracted readers and new members alike across the world. Whilst the below stats are not in the millions, it does show modest growth which is always assuring given the nature of what is on offer here.

    81a964b6-3cc9-488c-a50d-dae603f48078-image.png

    ccd41322-444d-48be-bbd8-c967fd5063d1-image.png

    Based on the increasing number of new users, I wanted to improve the overall look of Sudonix and make it more appealing to the eye. Some of you may have already noticed the changes, or, as in the case of @Madchatthew, been hit with some odd-looking effects that mean you have to choose another theme, and then re-select the one you were using before. Thankfully, most of this work has now been completed, but these changes do have an impact on your daily usage as below

    • Support for multiple themes is going to be reduced - to the point where there will only be three. Light (Luminate), Dim (Dusk), and Dark (Tenebrous). The real reason for this is that, as @crazycells keeps telling me, “less is more” and I’m becoming a fan of that paradigm. Having a lot of themes also means a lot of maintenance, which is something I’m looking to avoid. If you use Dark Mode on your device, you’ll get issued with Tenebrous. If you use Light Mode (native), then you’ll get issued with Luminate. I am going to be removing the dropdown swatch and replacing this with a simple 3-way toggle (or something like that).

    • Font sizes have been reduced. The point here is that on a mobile device, these are a bit too large for my liking, so they have been scaled back on desktops to 98%, and 95% on mobile devices. The dominant font (Poppins) will remain as it’s a firm favourite and works well on all devices.

    • The look and feel experience has also changed. I’ve adapted something of a “Material” view which is on by default (currently, it cannot be disabled, but I will include this ability if desired as I helped write something similar for @DownPW some time ago). This uses outline instead of border which is much easier to work with (under the guise of CSS) as it does not increase the element size, but simply adds a “wrapper” around it. Other “soft” changes have made their way into this release, and are subtle in nature, but will certainly improve the overall experience.

    There are a ton of other changes, but some of these are either under-the-hood, or subtle enough that they go unnoticed - one such example is a change to OGProxy (only CSS) that alters the rendering order making it faster, and aligning to what other sites are doing in terms of how the card is presented. There are numerous colour changes too, which typically attract new naming conventions which won’t be available under your session unless you change themes or clear your browser cache.

    I’m hoping most of this will simply pass most users by - but, do let me know if that is not the case.

  • Forgot to mention that I also reduced the intensity of the default font from 400 to 300

  • good job my friends 👍

  • Where did the swatch dropdown go?

    Glad you noticed 🙂 It’s gone, but not forgotten. It’s been replaced by a single icon you can cycle to get the theme you want (based on Luminate, Dusk, and Tenebrous, or Light, Dusk, and Dark for the uninitiated). On both desktop and mobile, you can find it at the top where the “Swatch” dropdown used to live.

    0c1d8fc1-6169-4efc-80a9-394d733bc605-image.png.

    Note that when you access the site for the first time, things might look a bit odd. Just tap and cycle the theme icon and you’ll get to where you want.

  • Awesome job with this site. Thank you for creating it and having a presence on here as well.

  • Personally I have a lot of themes, you know that. 🙂

    image.png

    LOL

    Even if overall I have very few changes to make, your idea is still very interesting and I ask myself questions.

    Do you think you’ll share the code for this new theme selector so we can test it ? or are you keeping it as your own code?

    In any case, the idea seems very good to me because having just icons is I find less invasive than a selector with menu

    cya

  • @DownPW said in Ch..ch..ch..ch..changes!:

    Do you think you’ll share the code for this new theme selector so we can test it ? or are you keeping it as your own code?

    No, the intention is to share it once I have it stable. There’s a couple of bugs I need to fix before release.


Related Topics
  • ANNOUNCEMENT: Social Login Changes

    Announcements
    4
    6 Votes
    4 Posts
    447 Views

    @DownPW Always looking for ways to improve the overall experience.

  • 50 Votes
    107 Posts
    5k Views

    @crazycells

    image.png

    image.png

  • IMPORTANT: Theme / Swatch changes

    Announcements
    4
    6 Votes
    4 Posts
    264 Views

    @cagatay these changes aren’t published anywhere presently, so nothing for you to do.

  • Swatch / Theme Changer

    Code Respository
    8
    3 Votes
    8 Posts
    1k Views

    @veronikya it might flicker on load, yes, and that’s normal. It’s because the CSS and JS are loaded before the custom elements, but it shouldn’t be too bad on reasonable links.

    It shouldn’t flicker at all navigating through the site though as the CSS and JS are already loaded.

  • Want to use Sudonix themes ?

    Chitchat
    69
    33 Votes
    69 Posts
    2k Views

    @cagatay

    @cagatay said in Want to use Sudonix themes ?:

    I know that you also update your own css and js along with nodebb’s updates

    I do update the CSS and JS here, but it’s not in line with NodeBB releases. All of the code I have written will work with prior releases, with the exception of Chat Threading, which requires a specific hook not present in some early versions. Again, this would still work, but not at full capacity.

    @cagatay said in Want to use Sudonix themes ?:

    mine is old one when we first set it up

    It’s not “old” - it just isn’t the latest code. In fact, the code running on your website is not advertised anywhere else, so in fact, is newer than the Git links in this post.

    @cagatay said in Want to use Sudonix themes ?:

    I would like to your help to use your current css and js codes if its possible?

    Possible, yes, but not yet. There are still some bugs in the code branch I’m using here, and I don’t want to introduce complexities into your installation - particularly when I know they exist, and you’d be left with issues that your users then have to put up with.

  • Changing the look of recent cards

    Announcements
    1
    2 Votes
    1 Posts
    264 Views
    No one has replied
  • NodeBB templates

    Locked Chitchat
    12
    4 Votes
    12 Posts
    922 Views

    Placing this here for reference
    https://sudonix.com/topic/216/nodebb-js-script-css-theme-switcher

    Further information and posts can be found at this link

  • Theme changes

    Announcements
    6
    10 Votes
    6 Posts
    530 Views

    There’s still some very minor bugs in the two themes (light and dark) but these will be resolved in the coming days. Some are specific to firefox, and well require special attention, but will still be resolved nonetheless.