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.

    Dark Material UI

    Scheduled Pinned Locked Moved Feature Requests
    5 Posts 3 Posters 4.0k Views 3 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.
    • S Offline
      sero
      last edited by

      Hi Mirror-Lovers :)

      I was wondering if anyone besides me would like to see a UI that is oriented towards a dark Material UI theme. I´m thinking of dark boxes (–> cards) with subtle shadows instead of the currently used “white (or colored) text on black”.

      Since my explanation is probably not very vivid, here is a dribble of a weather card:

      0_1489763259055_Capture.PNG
      (source: https://dribbble.com/shots/2762058-Magic-Mirror/attachments/562504)

      I´m still waiting for my mirror glass, but in my imagination this looks quite nice :D
      What do you think? Maybe we can create a “Dark Material UI Theme” as an alternative to the current UI.

      I´m certainly not a CSS ninja, but I´d definitely help to make this happen :thumbsup:

      brobergB 1 Reply Last reply Reply Quote 0
      • brobergB Offline
        broberg Project Sponsor @sero
        last edited by

        @sero well, the reason there is mostly white on black is because the mirror glass usually eats up all the small changes in dark colors.

        In my case with very little light transmission your idea wouldn’t show at all,

        High contrast interfaces usually gives the best smartmirror appearence at the moment.

        S 1 Reply Last reply Reply Quote 0
        • S Offline
          sero @broberg
          last edited by

          @broberg said in Dark Material UI:

          @sero well, the reason there is mostly white on black is because the mirror glass usually eats up all the small changes in dark colors.

          In my case with very little light transmission your idea wouldn’t show at all,

          High contrast interfaces usually gives the best smartmirror appearence at the moment.

          Thanks for your reply @broberg!
          Yes, you are right. The colors of my example are probably to dark - I just thought, that slightly lighter colors might be visible and create the effect I´m looking for.

          brobergB 1 Reply Last reply Reply Quote 0
          • brobergB Offline
            broberg Project Sponsor @sero
            last edited by

            @sero yeah, adjusting for the lost light through the mirror should give a similar effect, and as stated, it all depends on the mirrors light transmission, a 30-40% mirror would probably display most of the dark colors without any issues.

            R 1 Reply Last reply Reply Quote 0
            • R Offline
              roramirez Core Contributors @broberg
              last edited by

              I think to move the current UI to other aspect the clean route its not the way. If we want reach this goal is add support for multi themes on MagicMirror.

              Easy module development with MagicMirror Module Template

              1 Reply Last reply Reply Quote 1
              • 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