MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.

    How to make the background all black

    Scheduled Pinned Locked Moved Custom CSS
    7 Posts 4 Posters 3.6k Views 4 Watching
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • I Offline
      icripps
      last edited by

      Hi guy, I am trying to figure out how to change the background of the magic mirror to a very deep black(darkest black ) and I am kind of course fused because idk how to do that. I know is some css background color I have to change but which one ? .

      For the record my background is all black, but it’s not black like how I want it. When I turn off all modules, you can actually see that the monitor is on and I don’t want that.

      Help😪

      S 1 Reply Last reply Reply Quote 0
      • S Away
        sdetweil @icripps
        last edited by

        @icripps in MM/css/main.css is the default color

        html {
          cursor: default;
          overflow: hidden;
          background: #000;
        }
        

        which is as black as the system can make it…

        monitors and tvs will still have a glow even showing black…

        my tvs do not turn off thru programming, so I use hiding all modules for sleep, but as u noted they still glow at night.

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        I 1 Reply Last reply Reply Quote 1
        • I Offline
          icripps @sdetweil
          last edited by

          @sdetweil thank you , I thought I was the only one facing that issue with the display. Thanks

          R 1 Reply Last reply Reply Quote 0
          • R Offline
            retroflex Project Sponsor Module Developer @icripps
            last edited by

            @icripps This is because monitors use backlightning. You can use an OLED display instead if you want to build a crazy expensive mirror :)

            But in daylight the backlight is hardly visible. As a simple workaround you can try to hang your mirror somewhere else where there’s more light.

            S 1 Reply Last reply Reply Quote 0
            • S Away
              sdetweil @retroflex
              last edited by

              @retroflex my TV/MM /Photoframe is a big nightlight in the hall…

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              1 Reply Last reply Reply Quote 0
              • R Offline
                rabbit83ka
                last edited by

                I’m just cutting the power of the backlight with a relais and MMM-PIR-Sensor. This way the screen is really black and invisible while it’s up immediatly if the sensor detects motion.

                R 1 Reply Last reply Reply Quote 1
                • R Offline
                  retroflex Project Sponsor Module Developer @rabbit83ka
                  last edited by

                  @rabbit83ka How do you cut the power to the backlight only?

                  1 Reply Last reply Reply Quote 0
                  • 1 / 1
                  • First post
                    Last post
                  Enjoying MagicMirror? Please consider a donation!
                  MagicMirror created by Michael Teeuw.
                  Forum managed by Sam, technical setup by Karsten.
                  This forum is using NodeBB as its core | Contributors
                  Contact | Privacy Policy