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

Change default interface colors

Scheduled Pinned Locked Moved Solved Troubleshooting
16 Posts 6 Posters 15.3k Views 5 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.
  • K Offline
    KirAsh4 Moderator
    last edited by May 10, 2016, 1:33 AM

    The same approach applies when you’re creating your own custom modules. Keep in mind that if you edit the default files, a future update can overwrite them and you lose your changes.

    A Life? Cool! Where can I download one of those from?

    1 Reply Last reply Reply Quote 0
    • K Offline
      KirAsh4 Moderator
      last edited by May 10, 2016, 1:44 AM

      Also note the warning as stated on the wiki page:
      Note: If a file can not be loaded, the boot up of the mirror will stall.

      Meaning, if you tell getStyles to look for a file called 'myStyles.css' but in reality it’s called 'mystyles.css' (case matters) or 'coolcolor.css', the mirror will stall and not load. So be careful.

      A Life? Cool! Where can I download one of those from?

      1 Reply Last reply Reply Quote 0
      • M Offline
        MichMich Admin
        last edited by May 10, 2016, 8:06 AM

        you can use the /css/custom.css to overwrite all styles. This file is embedded after all other css files, so you should be able to overwrite what you want. Is just a matter of creative CSS usage.

        1 Reply Last reply Reply Quote 0
        • 0 Offline
          00conman
          last edited by May 10, 2016, 11:11 AM

          Okay thank you guys I’ll have to look into it.

          1 Reply Last reply Reply Quote 0
          • D Offline
            dyard @KirAsh4
            last edited by Aug 18, 2020, 8:54 PM

            @KirAsh4 Hi I am setting up my first magic mirror, is this old post still valid? This look is great, I tried to follow and add a custom mystyles.css and added to the same calendar module. But I didn’t see it make a change. Thanks for your help

            S 1 Reply Last reply Aug 18, 2020, 8:57 PM Reply Quote 0
            • S Offline
              sdetweil @dyard
              last edited by sdetweil Aug 18, 2020, 8:59 PM Aug 18, 2020, 8:57 PM

              @dyard please, just edit the css/custom.css, don’t change the module code unless u are fixing a bug or adding function (and then don’t tell anyone about it, release a new updated module)

              https://forum.magicmirror.builders/topic/6808/css-101-getting-started-with-css-and-understanding-how-css-works?_=1597692865011

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              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