Skip to content

Want to use Sudonix themes ?

Chitchat
80 5 31.3k 1
  • @veronikya there’s some custom JS needed to support the themes, but I’ll provide that too.

    wrote on last edited by
    #8

    @veronikya in case you hadn’t seen it, I’ve released the code, CSS, and guide here

    https://sudonix.org/topic/542/swatch-theme-changer

  • wrote on last edited by veronikya
    #9

    Such a pleasant surprise, thank you for all you do.I’m trying to deploy it to my site now!

  • wrote on last edited by cagatay
    #10

    Mark hi
    How i can add below status plugin?

    image.png

  • Mark hi
    How i can add below status plugin?

    image.png

    wrote on last edited by
    #11
  • Mark hi
    How i can add below status plugin?

    image.png

    wrote on last edited by
    #12

    @cagatay said in Want to use Sudonix themes ?:

    Mark hi
    How i can add below status plugin?

    image.png

    this is nice, I see its usefulness, but somehow this reminds me old forums very much 😄 so, I have mixed feelings about this widget… I guess nodebb uses a modernized version of the stats by default…

  • @cagatay said in Want to use Sudonix themes ?:

    Mark hi
    How i can add below status plugin?

    image.png

    this is nice, I see its usefulness, but somehow this reminds me old forums very much 😄 so, I have mixed feelings about this widget… I guess nodebb uses a modernized version of the stats by default…

    wrote on last edited by
    #13

    @crazycells yes, it does. It’s somewhat traditional, and a bit “PHPBB” if I’m honest, but I quite like it.

  • @crazycells yes, it does. It’s somewhat traditional, and a bit “PHPBB” if I’m honest, but I quite like it.

    wrote on last edited by phenomlab
    #14

    @phenomlab Yes probably… But, I think all old forum formats had something very similar… I, too, liked this, do not get me wrong, it is quite useful for a nice summary of forum stats… But at least for “persona” theme, default forum stat widget was more proper I guess… or maybe it is my bad taste lol…

    Screenshot 2023-12-27 at 13.59.18.png

    PS. I realized that I have to adjust “online users” title as multi-language…

  • wrote on last edited by DownPW
    #15

    Yep I prefer too modern persona widgets.

    Like this for me :

    image.png

  • wrote on last edited by
    #16

    here mine 🙂

    image.png

  • phenomlab phenomlab unpinned this topic on
  • wrote on last edited by
    #17

    Mark hi,
    I would like to use your color which you are using now. Post,background, topic etc.
    Could you please help me?

  • Mark hi,
    I would like to use your color which you are using now. Post,background, topic etc.
    Could you please help me?

    wrote on last edited by phenomlab
    #18

    @cagatay Can you elaborate a bit more?

  • wrote on last edited by
    #19

    Such as the background color used, the frame and color of the topics and the fonts. I want it to be on my site like on Sudonix.

  • Such as the background color used, the frame and color of the topics and the fonts. I want it to be on my site like on Sudonix.

    wrote on last edited by
    #20

    @cagatay Structurally, Sudonix is now a significant departure from the stock Harmony theme and makes several adjustments to layout, logos etc. Because of this, your site will not look as it should post code implementation, therefore, I’d advise against going for a direct copy of the code, but to focus on setting the CSS to be how you’d like in terms of colours etc.

    Your own site has quite a high level of customisation, and this would effectively be lost if you chose the direct replacement route.

  • wrote on last edited by
    #21

    so whats your suggest to me, do not change anything or replace and lost all sor Sudonix theme?

  • so whats your suggest to me, do not change anything or replace and lost all sor Sudonix theme?

    wrote on last edited by
    #22

    @cagatay You can replace the CSS, although if you take the latest code from Sudonix, this will reference objects as variables that do not exist on your site and will therefore fail to render properly. My suggestion here would be to select the colour scheme you like and replicate the CSS for this manually on your own site.

  • wrote on last edited by
    #23

    got your point thank you will do.

  • wrote on last edited by cagatay
    #24

    could you please share css path for your web site.

  • could you please share css path for your web site.

    wrote on last edited by
    #25

    @cagatay Sure. Here’s the light theme CSS file

    https://sudonix.org/assets/customcss/light.css

    Others are as below

    b1072f13-9bea-4129-aa68-ea9edc68830c-image.png

  • wrote on last edited by
    #26

    Mark hi
    How can i change the new topic area as yours?

    image.png

    yours;

    image.png

  • Mark hi
    How can i change the new topic area as yours?

    image.png

    yours;

    image.png

    wrote on last edited by phenomlab
    #27

    @cagatay You can target the CSS and see how it is constructed. You probably need the revised CSS and theme files.

    CSS is below

    .btn-primary, .btn-light {
        --bs-btn-active-bg: var(--bs-node-btn-active-bg);
        --bs-btn-active-border-color: var(--bs-node-btn-active-border);
        --bs-btn-bg: var(--bs-node-btn-bg);
        --bs-btn-border-color: var(--bs-node-btn-border);
        --bs-btn-box-shadow: none;
        --bs-btn-color: var(--bs-node-btn-color);
        --bs-btn-hover-bg: var(--bs-node-btn-active-bg);
        --bs-btn-hover-border-color: var(--bs-node-btn-active-border);
        font-size: 14px;
        padding: 4px 8px;
        background: var(--bs-btn-bg);
    }
    

Related Topics
  • Nodebb to Xenforo

    Solved Configure xenforo nodebb
    3
    0 Votes
    3 Posts
    1k Views
    phenomlab
    @cagatay as @downpw stated, there isn’t a native tool that will do this for you. You’d need to either develop your own or ask the nodebb team to assist which will be a paid exercise.
  • Who uses Flarum?

    Chitchat flarum forum
    22
    7 Votes
    22 Posts
    8k Views
    phenomlab
    @Madchatthew I use it here. It is faster, but not sure if that extends to build times.
  • Following the API docs but its not clear ...

    Solved Customisation api nodebb
    8
    2 Votes
    8 Posts
    3k Views
    phenomlab
    @Panda you’d be surprised. If you consider that you’d need to use the API to be able to populate a WordPress widget for example (which in turn would of course be PHP), taking this route is still immensely popular.
  • Sidebar Widget is no longer on the side!

    Moved Solved General nodebb
    4
    2
    2 Votes
    4 Posts
    1k Views
    phenomlab
    @Panda said in Sidebar Widget is no longer on the side!: Ah, so sidebar wont work on mobile? Correct. If you review the docs on bootstrap, you’ll notice that it is designed on a grid system https://getbootstrap.com/docs/5.0/layout/grid/ What I mean by changing the category is moving it on here to general as you posted it in bugs, when it isn’t.
  • Whitespace fixes in Nodebb

    Solved Customisation nodebb
    18
    2
    7 Votes
    18 Posts
    7k Views
    phenomlab
    @Panda Just circling back here with something of an update (which I think you’ll like). I’ve completely restructured the ranking system. There are now less ranks, with a higher point threshold to reach them. More importantly, if you reload the site, you’ll notice that the ranks are now icons. I also removed the “Author” badge, and made this a single icon, which (to me) looks much better.
  • Bootstrap Version

    Solved Customisation nodebb bootstrap
    8
    5 Votes
    8 Posts
    3k Views
    Madchatthew
    @phenomlab That will be nice once they have completed that. It will be interesting to see how long that takes. So for now I will use custom css to make it look the way I want. Frameworks just make things a little faster. Thanks @phenomlab
  • NodeBB Discord Plugins

    Unsolved Customisation nodebb discord plugin
    7
    0 Votes
    7 Posts
    4k Views
    phenomlab
    @RiekMedia hi. Just following up on this thread (I know it’s old) but was curious to understand if it’s still an issue or not ?
  • NodeBB Design help

    Solved Customisation
    8
    3
    2 Votes
    8 Posts
    4k Views
    phenomlab
    @riekmedia I’ve applied some new CSS to your site. Can you reload the page and try again ? For the record, this is what I added #footer { background: #2d343e; border-top: 4px solid #2d343e; font-size: 0.9em; margin-top: 70px; padding: 80px 0 0; position: relative; clear: both; bottom: 0; left: 0; right: 0; z-index: 1000; margin-left: -15px; margin-right: -338px; } The /categories page seems a bit messed up, so looking at that currently EDIT - issued some override CSS in the CATEGORIES widget <!--- CSS fix for overspill on /categories page - DO NOT DELETE --> <style> #footer { margin-right: -45px; } </style> That should resolve the /categories issue.