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 do I highlight all text on the screen?

    Scheduled Pinned Locked Moved Unsolved Troubleshooting
    3 Posts 3 Posters 484 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
      Stile2112
      last edited by

      Certain modules have some brighter and dimmer text. How do I make all the text brighter within a given module?

      The reason for this is that I’m running Back Ground Slide Show and certain module text get lost in brighter images.

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

        I use this in my modules. I find it to be very helpful for me.

        module.clock {
        background-color:rgba(255,255,255,0.5);
        border-radius: 8px;
        padding: 8px;

        The last number in the background color is the brightness for the color
        I hope this helps

        1 Reply Last reply Reply Quote 0
        • M Offline
          MacG
          last edited by

          I use the gradient function of MMM-BackgroundSlideshow and have made many adjustments in custom.css. First of all, I made the dimmed text colors a bit lighter:

          :root {
            --color-text: #e6e6e6;
            --color-text-dimmed: #f5f5f5;
            --color-text-bright: #ffffff;
          
          }
          

          They can also all three be given the same bright color, e.g. #ffffff for white.

          Then I checked each module to see if it used the default fonts, font-weight, and text colors. If not this was changed. For the default calendar, the times were a little darker than the event title. Here are my adjustments:

          .calendar .time {
                color: var(--color-text-bright);
                font-weight: 400;
          }
          
          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