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

enhancing Text Readability on Bright Wallpapers: Adding Background Textures or Boxes with CSS?

Scheduled Pinned Locked Moved Custom CSS
11 Posts 3 Posters 1.2k 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
    Socrates @sdetweil
    last edited by Dec 19, 2024, 12:11 AM

    Look at the calendar items on the left hand side of the screenshot for reminders and appointments, and national holidays, also ecobee module. I just added the glassy effect on the items that are hard to read

    S 1 Reply Last reply Dec 19, 2024, 12:20 AM Reply Quote 0
    • S Offline
      sdetweil @Socrates
      last edited by Dec 19, 2024, 12:20 AM

      @Socrates does that mean the blur box?

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      S 1 Reply Last reply Dec 19, 2024, 12:39 AM Reply Quote 0
      • S Offline
        sdetweil @sdetweil
        last edited by sdetweil Dec 19, 2024, 12:43 AM Dec 19, 2024, 12:39 AM

        @sdetweil ok, this is my screen with pages enabled
        Screenshot at 2024-12-18 18-36-07.jpg

        the date is completely washed out top left. above the time

        using MMM-ImagesPhotos with blur(8) and fill

        the unblurred section is the photo resized to keep aspect ratio consistent
        (not cover or contain)
        so it changes with every image

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        S 1 Reply Last reply Dec 19, 2024, 12:48 AM Reply Quote 0
        • S Offline
          sdetweil @sdetweil
          last edited by Dec 19, 2024, 12:48 AM

          @Socrates sometimes the blur is top and bottom
          Screenshot at 2024-12-18 18-47-45.jpg

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          J 1 Reply Last reply Jan 22, 2025, 4:13 AM Reply Quote 0
          • J Offline
            jakabasej4 @sdetweil
            last edited by Jan 22, 2025, 4:13 AM

            @sdetweil said in enhancing Text Readability on Bright Wallpapers: Adding Background Textures or Boxes with CSS?:

            @Socrates sometimes the blur is top and bottom https://eldfall-chronicles.com/eldfall-chronicles-northern-wind/
            https://3dtrcek.com/en/asa-filament
            Screenshot at 2024-12-18 18-47-45.jpg

            cool

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