Skip to content

Want to use Sudonix themes ?

Chitchat
80 5 31.3k 1
  • 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.

  • wrote on last edited by
    #29

    Not on my side it doesn’t and I’ve not changed anything. Can you send a screenshot?

  • Not on my side it doesn’t and I’ve not changed anything. Can you send a screenshot?

    wrote on last edited by
    #30

    @phenomlab i understood that first post always on top then #2 post is new one right?

  • @phenomlab i understood that first post always on top then #2 post is new one right?

    wrote on last edited by
    #31

    @cagatay no, it’s never worked that way on Sudonix. The newest post is always at the bottom (end) of the thread.

  • wrote on last edited by DownPW
    #32

    Yep I have the same things.

    EDIT : I mean same problem as cagatay

    bf6eb622-f0e5-4102-8f9b-ab08752fda68-image.png

  • Yep I have the same things.

    EDIT : I mean same problem as cagatay

    bf6eb622-f0e5-4102-8f9b-ab08752fda68-image.png

    wrote on last edited by phenomlab
    #33

    @DownPW Hmm. That’s different to what I see. Let me have a look.

    EDIT: How odd, I don’t remember changing this value

    c4135be9-dac0-4904-9e1c-aa4fae8c1ce0-image.png

    It’s been changed now to “Oldest to Newest”.

  • wrote on last edited by
    #34

    ha ha better now 🙂

  • ha ha better now 🙂

    wrote on last edited by
    #35

    @DownPW There are two places this can be changed. In the ACP, and also in your profile. Strange though as I do not recall changing the global setting.

  • wrote on last edited by
    #36

    Mark hi
    My youtube links are not working as it should be. photos not shown 😞
    what i sould do?

    image.png
    image.png
    image.png

  • Mark hi
    My youtube links are not working as it should be. photos not shown 😞
    what i sould do?

    image.png
    image.png
    image.png

    wrote on last edited by phenomlab
    #37

    @cagatay Let me have a look at your site. Can you give me the URL where this issue is manifesting itself? Feel free to send it in a PM if you do not want to place it here.

    EDIT - never mind, I found the link.

    From what I see in the console

    Failed to load resource: the server responded with a status of 404 ()
    

    OGProxy cannot retrieve the preview image from the source URL, so attempts to replace it with it’s own image called 404_3.webp. However, this image does not seem to exist in the relative path of /images/404.webp and so the result is what you see in the screenshot.

    To resolve this, download the file 404.webp from the below link, and place this into your OGProxy subdomain inside the folder of images

    https://github.com/phenomlab/ogproxy/tree/main/images

  • wrote on last edited by
    #38

    i did but nothing changed.


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.
  • What’s going on with NodeBB?

    Performance nodebb script die
    20
    8 Votes
    20 Posts
    6k 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.
  • CSS codes to prevent votes to disappear

    Solved Customisation nodebb
    3
    1 Votes
    3 Posts
    1k Views
    crazycells
    @phenomlab yes, it is thanks a lot…
  • NodeBB v3 Chat Very Slow

    Moved Performance nodebb v3 nodebb chat
    47
    11 Votes
    47 Posts
    21k Views
    phenomlab
    @DownPW Seems fine.
  • NodeBB: The global Search option

    Solved Configure search nodebb
    5
    0 Votes
    5 Posts
    2k Views
    phenomlab
    @mventures Yes, exactly. The other icon will restart NodeBB whilst the first icon I referenced will rebuild (recompile) it. The huge strength of NodeBB over Flarum (for example) is that the code is precompiled, and called once at boot. PHP’s code has to repeatedly reload code from source making it much slower.
  • NodeBB v3 and Harmony Theme

    Discussion nodebb theme
    22
    13 Votes
    22 Posts
    12k Views
    phenomlab
    Been playing with the user profile page this afternoon. Thought I’d post a video as I’m really pleased with how this came out profile-screen-capture.webm
  • Detect if user is admin

    General nodebb javascript code
    2
    0 Votes
    2 Posts
    2k Views
    phenomlab
    @pwsincd I think you can use userData.isAdmin = isAdmin; if I’m not mistaken - see https://community.nodebb.org/topic/15128/how-to-hide-whitelist-user-field-only-to-owner-or-admin?_=1648802303112 for an example