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

Contrasting text on a changing background, again

Scheduled Pinned Locked Moved Custom CSS
6 Posts 4 Posters 1.2k 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.
  • M Offline
    mwm341
    last edited by Oct 12, 2021, 2:28 PM

    Re: Contrasting text on changing background

    Having a tough time with the above; I want to do more subtle stuff. But this seems to be a good start:

    http://thenewcode.com/1029/Automatic-Text-Contrast-with-CSS-Blend-Modes

    S M 2 Replies Last reply Oct 12, 2021, 2:35 PM Reply Quote 0
    • S Offline
      sdetweil @mwm341
      last edited by Oct 12, 2021, 2:35 PM

      @mwm341 that looks cool… I am interested in solving this problem too…

      I will put this back on my list of things to work on… (after the 300 other things further up the list!)…

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      1 Reply Last reply Reply Quote 1
      • M Offline
        MMRIZE @mwm341
        last edited by MMRIZE Oct 12, 2021, 5:04 PM Oct 12, 2021, 4:38 PM

        @mwm341
        As described also in the link, mix-blend-mode: different is not a cure-all. In many cases, especially with simple high-contrast background, it will work fine. But with a mid-contrast or too complex background image, it will not work as expected.
        9a4d42f0-f359-4289-b811-397852956798-image.png

        M 1 Reply Last reply Oct 18, 2021, 2:50 PM Reply Quote 1
        • M Offline
          MajorC Project Sponsor @MMRIZE
          last edited by Oct 18, 2021, 2:50 PM

          @mmrize is there a how2 for MM to get this?

          M 1 Reply Last reply Oct 19, 2021, 2:07 PM Reply Quote 1
          • M Offline
            MMRIZE @MajorC
            last edited by Oct 19, 2021, 2:07 PM

            @majorc said in Contrasting text on a changing background, again:

            @mmrize is there a how2 for MM to get this?

            ? I can’t catch your words. Let me know more details. (Sorry, I’m not a natural-born English user)

            S 1 Reply Last reply Oct 19, 2021, 6:41 PM Reply Quote 0
            • S Offline
              sdetweil @MMRIZE
              last edited by sdetweil Oct 19, 2021, 6:42 PM Oct 19, 2021, 6:41 PM

              @mmrize use translator

              he wants to know if there are instructions (how to do, how2) for using this idea w mm.

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              1 Reply Last reply Reply Quote 0
              • M MMRIZE referenced this topic on Sep 23, 2022, 7:07 AM
              • 1 / 1
              1 / 1
              • First post
                4/6
                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