FMCodes • All-in-one Webmasters community
Would you like to react to this message? Create an account in a few clicks or log in to continue.

You are not connected. Please login or register

FMCodes • All-in-one Webmasters community  » Coding Community » Javascript & jQuery » Javascript & jQuery Tutorials » Night mode in the website

Night mode in the website

4 posters
Valid
Niko
  • Forum Administrator

    Team contributor
    You have been part of the community team
    Community veteran
    You belong to this community since its ancient time
    Active Contributor
    The user has wrote more than 100 posts and comments
    Passioned user
    You have participated in 50+ different topics, a true fan!
    Post lover
    You have liked more than 50 posts!
    Beta Tester
    You have been part of the Beta-Testing team
    Forumotion expert
    This user is an expert with Forumotion free forum hosting
    10th Anniversary (Grand Re-open)
    Thanks for being part of our grand re-opening
    Merry Christmas 2022
    Thanks for having been with us during Christmas season!
    Forum Writer
    You have opened more than 20 topics on the forum
    The Life of the Party
    You have made more than 20 members in our community, wow!
    Members Guru
    You have received more than 50 likes on your posts. Our members really what you have to say!
      Posts : 3614
      Points : 129487
    Night mode in the website


    Overview

    Description

    What is "night mode"? Night Mode is a plugin that allows you to reduce the brightness of the forum, making it appear easier on the eyes. It's perfect for night sailing, light sensitive people or vampires!

    Demonstration

    Night mode in the website Umbr1Gq

    Technical limitations

    › This tutorial is dedicated to all websites
    › This plugin is optimized for use on all forum versions and expected to work on the most recent browsers.

    Installation


    Javascript & jQuery

    For the next step you need to go towards Administration Control Panel (ACP) Modules HTML & Javascript Javascript codes management and create a new code - upon verifying that Javascript codes management is enabled.

    • Title: free choice - does not influence the code effect
    • Where: All pages
    • Code:

      You need to reply to the topic in order to see the code resources



    Javascript Customization

    You can change the text of
    Code:
    var nightMode_title = "Night Mode";
    to change the text displayed in the night mode bar.


    Notes

    Approved byNiko
    Approved on January 30th, 2022
    Tested on Most recent browsers
    Difficulty level / 
    Source Night mode in the website

    This resource belong to this community unless differently stated.
    No reproduction possible without our agreement, in accordance with article L122-1 of the CPI.



    Valid
    Nova


    • Community newbie
      Belongs to the community for at least two years
      Forum member
      Belongs to the community of FMCodes
        Posts : 12
        Points : 20550
      I think in this type of the effect. The text too show change from dark to white. This way when the screen goes dark the text should show white. I know there are going to be limitations but based on per page design basis things would be different.

      Valid
      Sir Chivas


      • Community veteran
        You belong to this community since its ancient time
        Passioned user
        You have participated in 50+ different topics, a true fan!
        Forumotion expert
        This user is an expert with Forumotion free forum hosting
        10th Anniversary (Grand Re-open)
        Thanks for being part of our grand re-opening
        Active Contributor
        The user has wrote more than 100 posts and comments
          Posts : 113
          Points : 94905
        That would be cool if Nova's idea can be implemented later in the future.

        Valid
        hoanglongnhatbao


        • Community veteran
          You belong to this community since its ancient time
          Passioned user
          You have participated in 50+ different topics, a true fan!
          Active Contributor
          The user has wrote more than 100 posts and comments
          Post lover
          You have liked more than 50 posts!
          Members Guru
          You have received more than 50 likes on your posts. Our members really what you have to say!
            Posts : 145
            Points : 93767
          Nice @niko

          Topic Actions

          Sponsored




          FMCodes • All-in-one Webmasters community  » Coding Community » Javascript & jQuery » Javascript & jQuery Tutorials » Night mode in the website

          ©phpBB | Contact | Report an abuse | Cookies