• 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.

Magic Dashboard & Whiteboard

Scheduled Pinned Locked Moved Show your Mirror
10 Posts 7 Posters 4.2k Views 7 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.
  • Z Offline
    zdenek @BKeyport
    last edited by Jul 30, 2023, 8:21 AM

    @BKeyport ok, thanks

    1 Reply Last reply Reply Quote 0
    • B Offline
      bhepler Module Developer @sum2023
      last edited by Jul 30, 2023, 6:22 PM

      @sum2023 - Excellent idea. And great execution.

      1 Reply Last reply Reply Quote 0
      • T Offline
        themoe
        last edited by Aug 14, 2023, 8:34 PM

        Very nice solution!

        I was thinking about a very similar setup. But I would like to have very thin or no borders between the screen and the whiteboard.

        And is there a white background scene for magic mirror with dark font colours?

        Best case would be the white of the screen is the same white of the whiteboard.

        B 1 Reply Last reply Aug 17, 2023, 9:38 PM Reply Quote 0
        • B Offline
          bhepler Module Developer @themoe
          last edited by Aug 17, 2023, 9:38 PM

          @themoe - I’m pretty sure one of the forum members has a custom CSS file that does a white background. If you check out that portion of the forum you can probably find it.

          K B 2 Replies Last reply Aug 17, 2023, 9:56 PM Reply Quote 0
          • K Offline
            karsten13 @bhepler
            last edited by Aug 17, 2023, 9:56 PM

            https://forum.magicmirror.builders/topic/12815/bright-ui?page=1

            https://forum.magicmirror.builders/topic/13108/css-experiments-for-newbies

            1 Reply Last reply Reply Quote 1
            • B Offline
              BKeyport Module Developer @bhepler
              last edited by BKeyport Aug 18, 2023, 12:32 AM Aug 18, 2023, 12:29 AM

              @themoe Most of what you need is the root section of main.css, which you can modify by adding it to custom.css

              Here’s the defaults, adjust as you desire. However, I will warn you, you may also have to do it on a module by module basis - many modules don’t use these defaults for even their base text.

              :root {
                --color-text: #999;
                --color-text-dimmed: #666;
                --color-text-bright: #fff;
                --color-background: #000;
                --font-primary: "Roboto Condensed";
                --font-secondary: "Roboto";
                --font-size: 20px;
                --font-size-xsmall: 0.75rem;
                --font-size-small: 1rem;
                --font-size-medium: 1.5rem;
                --font-size-large: 3.25rem;
                --font-size-xlarge: 3.75rem;
                --gap-body-top: 60px;
                --gap-body-right: 60px;
                --gap-body-bottom: 60px;
                --gap-body-left: 60px;
                --gap-modules: 30px;
              }
              

              The "E" in "Javascript" stands for "Easy"

              1 Reply Last reply Reply Quote 0
              • T Offline
                ToneStrife @sum2023
                last edited by Sep 11, 2023, 3:28 PM

                @sum2023 Do you mind sharing your CSS code or config? I’m looking to do somethign similar but a newbie here

                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