• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
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.7k 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 Mar 28, 2019, 3:37 AM

    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 Mar 28, 2019, 3:42 AM Reply Quote 0
    • S Online
      sdetweil @icripps
      last edited by Mar 28, 2019, 3:42 AM

      @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 Mar 28, 2019, 3:45 AM Reply Quote 1
      • I Offline
        icripps @sdetweil
        last edited by Mar 28, 2019, 3:45 AM

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

        R 1 Reply Last reply Mar 28, 2019, 7:55 AM Reply Quote 0
        • R Offline
          retroflex Project Sponsor Module Developer @icripps
          last edited by Mar 28, 2019, 7:55 AM

          @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 Mar 28, 2019, 10:17 AM Reply Quote 0
          • S Online
            sdetweil @retroflex
            last edited by Mar 28, 2019, 10:17 AM

            @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 Apr 2, 2019, 8:12 PM

              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 Apr 3, 2019, 11:38 AM Reply Quote 1
              • R Offline
                retroflex Project Sponsor Module Developer @rabbit83ka
                last edited by Apr 3, 2019, 11:38 AM

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

                1 Reply Last reply Reply Quote 0
                • 1 / 1
                1 / 1
                • First post
                  7/7
                  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