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

AfterUpdate to v2.3.2 Small Problem

Scheduled Pinned Locked Moved Solved Troubleshooting
9 Posts 2 Posters 299 Views 2 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.
  • P Offline
    plainbroke
    last edited by Jul 3, 2025, 6:14 PM

    The numbers used to be orange also.
    Now as you can see it is not getting any color in the numbers.
    I even moved the custom css from my @sdetweil backup. That I did just before the update. Thank you Sam…

    .clock.clock-time-only .time {
            Margin-right: 15px;
            Margin-top: 0px;
            Color: orange;
            Font-size: 125px;
            Font-weight: 500;
    }
    

    Screenshot 2025-07-03 130441.png

    So far this is the only problem I have had… That I could not figure out real quickly. I will say I had to rename MagicMirror to MM and reinstall MagicMirror. Then move Config.js Custom.css and modules over to the new MagicMirror install all pretty quick. I had a blank screen. I figured it was the least amount of work for me… Again Thanks to @sdetweil backup. Saves the most important parts of MagicMirror…

    Slow learner. But trying anyways.

    S 1 Reply Last reply Jul 3, 2025, 6:20 PM Reply Quote 0
    • S Offline
      sdetweil @plainbroke
      last edited by Jul 3, 2025, 6:20 PM

      @plainbroke how did you upgrade?

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      P 1 Reply Last reply Jul 3, 2025, 6:41 PM Reply Quote 0
      • P Offline
        plainbroke @sdetweil
        last edited by plainbroke Jul 3, 2025, 6:44 PM Jul 3, 2025, 6:41 PM

        @sdetweil
        1st I used your backup script.
        Then I tried using your upgrade script and it stopped at the updating of the node version. Just set there for like an hour. I went outside and did some yard work.
        I then rebooted the pi and did pm2 stop all
        Then tried your upgrade script again and it froze again on the node update.
        Waited about 30 minutes to see if it was a internet problem.
        Then I did ctrl+c
        Then I tried your script with “force” then it ran all the way through.
        BUT it came up a black screen.
        I did not feel like trying to figure out why it was a blank screen.
        So I just renamed the MagicMirror to MM and then used your install script.
        That fully installed without any input from me, I went out and finished the yard work I was doing. NO user input.
        I cam back in and it was working with the sample config.js
        Then I just moved the config.js and custom.css over from the backup and the modules from the MM (previous did not work) and rebooted now all is woking.
        Not sure why it had so much of a stumble going from node v 20 to v22.14
        I will say I updated from MM v2.3.0 to MM v2.3.2 maybe that was the problem…
        I should have took some screen shots for you, so you could see the issues…
        Weird part is the update script worked perfect on the other to MM I have running 1 is on a LePotato 1 is a pi 4 2gb
        I will say the time thing did the same thing on the other pi 4, I am using the same time date seperation in both pi. So i figure it is something that was updated in the default clock code and does not get updated with my old custom.css code.

        Slow learner. But trying anyways.

        S 1 Reply Last reply Jul 3, 2025, 8:37 PM Reply Quote 0
        • S Offline
          sdetweil @plainbroke
          last edited by Jul 3, 2025, 8:37 PM

          @plainbroke send me the MagicMirror/installers/upgrade.log

          Same userid as here, at gmail

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          P 1 Reply Last reply Jul 3, 2025, 8:43 PM Reply Quote 0
          • P Offline
            plainbroke @sdetweil
            last edited by plainbroke Jul 3, 2025, 8:49 PM Jul 3, 2025, 8:43 PM

            @sdetweil

            Sorry I already deleted that folder MM that I renamed MagicMirror to.

            Found the issue, the NEW default clock_styles.css has these extra lines compared to the older default clock_styles.css file.

            .module.clock .clock-hour-digital {
              color: var(--color-text-bright);
            }
            
            .module.clock .clock-minute-digital {
              color: var(--color-text-bright);
            }
            
            .module.clock .clock-second-digital {
              color: var(--color-text-dimmed);
            }
            

            If I remove those lines my time on screen looks right again…
            Which will mess up the next update probably…
            At least I know what to repair to do the update next round.

            Slow learner. But trying anyways.

            S 1 Reply Last reply Jul 3, 2025, 9:29 PM Reply Quote 0
            • P plainbroke has marked this topic as solved on Jul 3, 2025, 9:02 PM
            • S Offline
              sdetweil @plainbroke
              last edited by Jul 3, 2025, 9:29 PM

              @plainbroke yes, we changed the style names from the sample I did

              Just change your custom.css to use those names

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              P 1 Reply Last reply Jul 4, 2025, 2:34 AM Reply Quote 0
              • P Offline
                plainbroke @sdetweil
                last edited by Jul 4, 2025, 2:34 AM

                @sdetweil
                So just replace “var(–color-text-bright)” with my preferred colors?

                Slow learner. But trying anyways.

                S 1 Reply Last reply Jul 4, 2025, 2:56 AM Reply Quote 0
                • S Offline
                  sdetweil @plainbroke
                  last edited by Jul 4, 2025, 2:56 AM

                  @plainbroke yes, no need to get it from a variable, you know

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

                  P 1 Reply Last reply Jul 4, 2025, 11:28 PM Reply Quote 0
                  • P Offline
                    plainbroke @sdetweil
                    last edited by plainbroke Jul 4, 2025, 11:29 PM Jul 4, 2025, 11:28 PM

                    @sdetweil
                    Thank you Sam,
                    That fixed my issue, and let me use the default clock files…
                    Cool thing is with the old setting in the Custom.css file I can change the colon : color between the numbers a different color.
                    Fun Fun Fun.

                    Slow learner. But trying anyways.

                    1 Reply Last reply Reply Quote 1
                    • 1 / 1
                    1 / 1
                    • First post
                      1/9
                      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