Skip to content

Theming support in Sudonix

Moved Announcements
  • @Sampo2910 thanks. I’m going to be cleaning up the code and proving a new post with instructions etc soon. Fully stable now with (I hope) no bugs, so ready for release once I’ve finished the cleanup.

  • *** NEW *** Greybird theme added
    For those who like the Ubuntu theme of the same name, this is for you. Not entirely a replica, but pretty close 🙂

    602b2b7d-7604-43f9-bc38-d69bf83808c7-image.png

  • *** NEW *** Tempest theme added

    A nice blend of dark colors. Easy on the eyes, and perfect for those who like a bit of darkness in their lives 🙂

    5f72aebb-0c38-474d-9deb-5f91814b5844-image.png

  • Some minor tweaks have been added to better support mobile views, and also layouts on desktops with larger screens. Most of these will probably go unnoticed, but I’ve spotted them 🙂

  • I’m planning on making the theme CSS a bit more flexible in terms of individual assets as one variable currently will change multiple assets - not great from the overall control perspective, so need to address that.

    This issue doesn’t manifest itself under dark themes, but is very much visible under light - particular when you want to use a dark header with light text - currently, it’s not visible. I could be selfish and say that light themes are no longer supported… (just kidding) 🙂

  • *** NEW *** Twitter (Dim) theme added

    For those who like the Twitteresque dim theme.

    830055ab-068a-4872-adcf-eb7e938018e2-image.png

  • *** NEW *** Anthracite theme added

    For those who like a bit of darkness in their lives, but not too much of it 🙂

    1a71f4dd-6103-42df-888e-8026148e0676-image.png

  • I thought I’d better come by here with an update so everyone knows that the Swatch project isn’t abandoned, or has simply “gone cold”. In fact, quite the opposite.

    I’ve setup a dev instance on my home network which I’m currently developing against. I’ll put some screenshots up soon, but the Swatch code is currently enjoying a rewrite. The great news is that you’ll get ten times the flexibility you have now meaning greater support for light themes, although the downside is that there isn’t that much backwards compatibility meaning some of my own themes even need to be completely redesigned.

    However, this isn’t the end of the world. Once you’re familiar with the classes, it really doesn’t take long at all to create your own themes.

    More to follow.

  • Isn’t it annoying when some of the best UI and color schemes come to you out of frustration rather than planning? 🙂

    I’ll just leave this here

    3d67aa94-feab-4d68-9633-06ca51aeb715-image.png

  • @phenomlab said in Theming support in Sudonix:

    I thought I’d better come by here with an update so everyone knows that the Swatch project isn’t abandoned, or has simply “gone cold”. In fact, quite the opposite.

    I’ve setup a dev instance on my home network which I’m currently developing against. I’ll put some screenshots up soon, but the Swatch code is currently enjoying a rewrite. The great news is that you’ll get ten times the flexibility you have now meaning greater support for light themes, although the downside is that there isn’t that much backwards compatibility meaning some of my own themes even need to be completely redesigned.

    However, this isn’t the end of the world. Once you’re familiar with the classes, it really doesn’t take long at all to create your own themes.

    More to follow.

    I’ll be putting together a video of what the revamped theme will look like very soon - just got some small issues to iron out, and code cleanup beforehand…


  • 6 Votes
    4 Posts
    190 Views

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

  • 3 Votes
    8 Posts
    712 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.

  • 16 Votes
    21 Posts
    1k Views

    I relented somewhat here and added another swatch - one I missed, which was previous called “blackout”. This specific one has been adapted to work on the new theming engine, but the others have been reclassified, and renamed to suit.

    image.png

    As a result, the theme you might have had will probably be reflecting something else, so you (might) need to change your themes accordingly. The changes are as follows

    Light -> No Change
    Cloudy -> Is now the old “Dim”
    Dim -> Is now the old “Dark”
    Dark -> Now a new theme based on the revamped “Blackout”

  • 4 Votes
    12 Posts
    752 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
    453 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.

  • 8 Votes
    3 Posts
    311 Views

    @Madchatthew thanks

  • 5 Votes
    4 Posts
    404 Views

    @crazycells Yes, you should install the app that is offered when you access the site. I’ve had mixed experiences with this though. It seems to work fine with Chrome and Firefox, but it’s a bit hit and miss with Apple devices because of their closed ecosystem, and the inability to access the push service directly.

    Android is completely different in the sense that the service is open for usage, meaning hooking into the pusher is simple. For Apple, it is closed source, so probably won’t work.

  • 0 Votes
    3 Posts
    267 Views

    @jac 😞 Seems not