Skip to content

is "night mode" shifting the forum several pixels up?

Solved Configure
8 2 2.6k 1
  • wrote on last edited by
    #1

    I was observing this in our forum for a very long time. Since nodebb community forum does not have night mode installed, I was not able to check there. However, if I click the night mode here, it looks like everything (including boxes, writings, bars, avatars, icons etc) is shifted a little bit up… It is only several pixels I guess, but definitely I can feel a difference before/after…

    Do you observe this or am I hallucinating? 😵 🤔

  • @phenomlab good to hear that I am not alone… 😄

    I do not know the reason for sure yet, but I will report here if I can find a clue…

    wrote on last edited by
    #4

    @crazycells Should be fixed now. Was being caused by some missing margins (left and right) and an odd border: none; setting which should not have been there. If you alternate between the two now, it should look correct.

  • I was observing this in our forum for a very long time. Since nodebb community forum does not have night mode installed, I was not able to check there. However, if I click the night mode here, it looks like everything (including boxes, writings, bars, avatars, icons etc) is shifted a little bit up… It is only several pixels I guess, but definitely I can feel a difference before/after…

    Do you observe this or am I hallucinating? 😵 🤔

    wrote on last edited by
    #2

    @crazycells no, you’re not hallucinating. I’ve noticed this myself and need to fix it. I’m suspecting rogue padding or margin somewhere.

  • @crazycells no, you’re not hallucinating. I’ve noticed this myself and need to fix it. I’m suspecting rogue padding or margin somewhere.

    wrote on last edited by
    #3

    @phenomlab good to hear that I am not alone… 😄

    I do not know the reason for sure yet, but I will report here if I can find a clue…

  • @phenomlab good to hear that I am not alone… 😄

    I do not know the reason for sure yet, but I will report here if I can find a clue…

    wrote on last edited by
    #4

    @crazycells Should be fixed now. Was being caused by some missing margins (left and right) and an odd border: none; setting which should not have been there. If you alternate between the two now, it should look correct.

  • phenomlab phenomlab has marked this topic as solved on
  • @crazycells Should be fixed now. Was being caused by some missing margins (left and right) and an odd border: none; setting which should not have been there. If you alternate between the two now, it should look correct.

    wrote on last edited by
    #5

    @phenomlab yes, it is fixed. is this the code I should use?

    body.lights-out {
    border: none;
    }
    
    
  • @phenomlab yes, it is fixed. is this the code I should use?

    body.lights-out {
    border: none;
    }
    
    
    wrote on last edited by
    #6

    @crazycells You should actually remove the border: none;

  • @crazycells You should actually remove the border: none;

    wrote on last edited by
    #7

    @phenomlab said in is "night mode" shifting the forum several pixels up?:

    @crazycells You should actually remove the border: none;

    how can I remove it?

    Should I edit the plugin and install the modified one?

  • @phenomlab said in is "night mode" shifting the forum several pixels up?:

    @crazycells You should actually remove the border: none;

    how can I remove it?

    Should I edit the plugin and install the modified one?

    wrote on last edited by
    #8

    @crazycells hmm. Good point. I actually use my own version of the dark mode plugin, so not entirely sure. However, I think the CSS is probably the same. I’m not at my PC currently but can check and advise later.


Did this solution help you?
Did you find the suggested solution useful? Support 💗 Sudonix with a coffee ☕
If your organisation needs deeper expertise around infrastructure, security, or technology leadership, learn more about Phenomlab Ltd. Many of the deeper technical guides behind Sudonix are published there.

Related Topics
  • 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.
  • TNG + Nodebb

    General tng genealogy nodebb plugin
    4
    0 Votes
    4 Posts
    2k Views
    phenomlab
    @Madchatthew said in TNG + Nodebb: you have to try and use duck tape and super glue to change something to make it do what you want it to do I couldn’t have put that better myself.
  • CSS code customization for the link preview plugin

    Solved Customisation css nodebb
    6
    2
    3 Votes
    6 Posts
    3k Views
    phenomlab
    @kadir-ay-0 marking as resolved based on https://community.nodebb.org/topic/17109/manual-build-a-night-mode-for-harmony/5 Please do not raise requests in two places - here and the NodeBB forums. All this does is create unnecessary load for both parties.
  • NodeBB socket with CloudFlare

    Solved Performance socket cloudflare nodebb
    24
    3 Votes
    24 Posts
    14k Views
    DownPW
    Solved. Tuto here and here
  • NodeBB inline videoplayer

    Solved Customisation nodebb
    12
    3 Votes
    12 Posts
    5k Views
    Panda
    @phenomlab YAY! It works Thanks so much
  • 0 Votes
    5 Posts
    2k Views
    phenomlab
    @qwinter this particular site uses the code I wrote if you want to see it in action. It’s a information and intelligence gatherer I designed for collecting various information security articles from around the globe and consolidating them in one place. Essentially, each “post” is in fact generated by the script, and the NodeBB API. https://hostrisk.com/
  • Dark Theme Upper Padding

    Solved Customisation nodebb
    7
    1
    6 Votes
    7 Posts
    2k Views
    crazycells
    @DownPW great! thanks a lot… this code solves my problem.
  • [NODEBB] Welcome Message

    Solved Customisation css html nodebb
    20
    2
    13 Votes
    20 Posts
    9k Views
    phenomlab
    @DownPW the ‘js’ code for the banner takes the time from the client, so what it displays really depends on the regional settings for the operating system. I’ve not seen this issue myself but would like to see some examples of screenshots if possible.