Skip to content

Want to use Sudonix themes ?

Chitchat
80 5 30.4k 1
  • 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);
    }
    
  • wrote on last edited by
    #28

    Mark, I think you changed the format of the forum’s message list.
    The last article I wrote on this topic appears in the middle of the list.


Related Topics
  • What’s going on with NodeBB?

    Performance nodebb script die
    20
    8 Votes
    20 Posts
    5k Views
    phenomlab
    @cagatay The most reliable way to upgrade Node.js on Ubuntu depends on how you originally installed it. Method 1: Using NVM (Recommended) If you already use Node Version Manager (NVM), upgrading is simple. NVM allows you to keep both versions and switch between them if needed. Install Node 22: nvm install 22 Switch to Node 22: nvm use 22 Set it as your default: nvm alias default 22 Verify the change: node -v Method 2: Using NodeSource (PPA) If you installed Node.js via apt using the NodeSource repository, you need to update the repository script to point to the new version. Remove the old NodeSource list (optional but cleaner): sudo rm /etc/apt/sources.list.d/nodesource.list Download and run the NodeSource setup script for Node 22: curl -fsSL [https://deb.nodesource.com/setup_22.x](https://deb.nodesource.com/setup_22.x) | sudo -E bash - Install/Upgrade Node.js: sudo apt-get install -y nodejs Verify the installation: node -v Method 3: Using the ‘n’ Package If you have npm installed, you can use the n interactive manager. Clear the npm cache: sudo npm cache clean -f Install the ‘n’ helper: sudo npm install -g n Install Node 22: sudo n 22 Update your shell: hash -r Troubleshooting Permission Denied: If you see permission errors using Method 2 or 3, ensure you are using sudo. Path Issues: If node -v still shows version 20 after upgrading via NVM, restart your terminal or run source ~/.bashrc. Conflicts: Avoid mixing these methods. If you switch from apt to nvm, it is best to sudo apt remove nodejs first to avoid path conflicts.
  • 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.
  • Block Domain

    Solved Let's Build It code javascript block domain nodebb
    26
    1 Votes
    26 Posts
    11k Views
    DownPW
    Yes ogproxy too is functionnal on dev
  • Rotating homepage icons, gifs?

    Solved Configure nodebb
    2
    3 Votes
    2 Posts
    1k Views
    phenomlab
    @eveh It’s not a GIF, no. It’s actually a webp file so made much smaller, and uses keyframes to control the rotation on hover. You can easily make your own though The CSS for that is as below @keyframes rotate180 { from { transform: rotate(0deg); } to { transform: rotate(180deg); } } @keyframes rotate0 { from { transform: rotate(180deg); } to { transform: rotate(0deg); } } Your milage may vary on the CSS below, as it’s custom for Sudonix, but this is the class that is used to control the rotate .header .forum-logo, img.forum-logo.head { max-height: 50px; width: auto; height: 30px; margin-top: 9px; max-width: 150px; min-width: 32px; display: inline-block; animation-name: rotate180, rotate0; animation-duration: 1000ms; animation-delay: 0s, 1000ms; animation-iteration-count: 1; animation-timing-function: linear; transition: transform 1000ms ease-in-out; }
  • background color of the footer area

    Solved Customisation nodebb
    7
    1
    7 Votes
    7 Posts
    4k Views
    crazycells
    @phenomlab thank you very much
  • IRC Server/Client - Chat App with NodeBB

    Linux nodebb irc server client
    6
    1 Votes
    6 Posts
    3k Views
    phenomlab
    @Hari not sure from the consumer perspective, but Skype has been all but completely consumed by Microsoft Teams when it comes to business usage.
  • 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.
  • Display tweets in widget [NodeBB]

    Solved Customisation
    29
    4 Votes
    29 Posts
    13k Views
    JAC
    @phenomlab brilliant, many thanks Mark