Template fixes for Bootswatch themes

NodeBB Development

Suggested Topics

  • 1 Votes
    1 Posts

    I need a little guidance here. I run a self-hosted NodeBB forum with the default Persona theme and no skin. I would like to switch to the Flatly skin, because its style closely resembles the main site (which is a wordpress thing). But unfortunately when I switch to Flatly some elements become invisible.

    For example the header in the chat window looks like this, when no skin is selected:

    But it looks like this when the Flatly skin is selected:

    The button glyphs are there, but they are hard to find because their foreground color is the same as the background color.
    Similarly when I watch the forum on my smartphone I cannot see the (black) Chat glyph on the black header background, so it seems like the chat feature is missing.

    So, I guess I should override or subclass or modify the Flatly skin somehow, or at least some parts of it. And while I am at it I may also change some colors, slightly.

    But I have no clue where the resources are that I need to edit. So my question is: where in the nodebb directories are the Flatly skin files, and how should I proceed in a way that my modifications don't get lost after a nodebb upgrade?


  • 1 Votes
    6 Posts

    It worked. Thanks a lot!

  • 0 Votes
    13 Posts

    I believe he published it, or at least uploaded it to github... should ask him.... @trevor ?

  • 0 Votes
    5 Posts

    /nodebb/public/templates/login.tpl @ http://l4fd.info/login.tpl.txt
    /nodebb/node_modules/nodebb-plugin-openid-steam/library.js @ http://l4fd.info/library.js

    Can't figure out why {authentication.steam} returns false and <!-- IF authentication.steam --> still outputs anything in it.

  • 1 Votes
    1 Posts

    Congratulations to http://community.onehundredfreebooks.com - our very first customer for our premium hosting platform (which just entered closed Beta).

    We created a custom theme for him as well! 🙂 We're pretty excited to see this forum grow~