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

Newbie Trying to Get Started

Scheduled Pinned Locked Moved Solved Troubleshooting
13 Posts 3 Posters 1.9k 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.
  • L Offline
    LoneSoldier @MMRIZE
    last edited by May 16, 2024, 7:11 AM

    @MMRIZE

    Here’s the whole file. I don’t know yet what else to put in. Just trying to get started:

    // in your config.js add these lines.
    
    electronOptions: {
      width: 1920,
      height: 1200,
      fullscreen:  false,
      backgroundColor: '#00000000',
      titleBarStyle: 'none',
      frame: false,
      type: 'desktop',
      hasShadow: false,
      transparent: true,
      resizable:   false,
    },
    electronSwitches: ["enable-transparent-visuals"],
    
    
    
    S 1 Reply Last reply May 16, 2024, 11:18 AM Reply Quote 0
    • M Offline
      MMRIZE
      last edited by MMRIZE May 16, 2024, 7:42 AM May 16, 2024, 7:35 AM

      I tested on my Mac, it works still.(MM 2.27) For linux, I believe it has to work also. (Because it is one of the default features of the Electron.)
      스크린샷 2024-05-16 09.28.26.png

      CONFIG.JS

      /* config.js */
      ...
      timeFormat: 24,
      units: "metric",
      
      /* Insert here */
      electronOptions: {
      	fullscreen:  false,
      	backgroundColor: '#00000000',
      	titleBarStyle: 'none',
      	frame: false,
      	type: 'desktop',
      	hasShadow: false,
      	transparent: true,
      	resizable:   false,
      },
      electronSwitches: ["enable-transparent-visuals"],
      
      modules: [
      	{
      		module: "clock",
      		position: "top_left"
      	},
      ...
      

      CUSTOM.CSS

      /* custom.css */
      :root {
        --color-text: #ddd;
        --color-text-dimmed: #bbb;
        --color-text-bright: #fff;
        --color-background: rgba(0, 0, 0, 0);
        /* make fonts color brighter */
      
        --font-size: 2vh;
        --font-size-small: 0.75rem;
      
        --gap-body-top: 20px;
        --gap-body-right: 120px;
        --gap-body-bottom: 20px;
        --gap-body-left: 40px;
        /* adjust margin for your screen */
      }
      
      * {
        text-shadow: 2px 2px 5px #000000; /* make text more readable on the background image */
      }
      
      1 Reply Last reply Reply Quote 0
      • S Offline
        sdetweil @LoneSoldier
        last edited by May 16, 2024, 11:18 AM

        @LoneSoldier that cannot be the whole file.

        see the config.js.sample in the vonfig folder as a starter. you can add those fields to it

        my install script copies the sample to start with

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        L 1 Reply Last reply May 16, 2024, 3:56 PM Reply Quote 0
        • L Offline
          LoneSoldier @sdetweil
          last edited by May 16, 2024, 3:56 PM

          @sdetweil The issue here is indeed something with the install. The app appears to run, but it did not create a config file for me.

          So I copied the one from https://github.com/MagicMirrorOrg/MagicMirror/blob/master/config/config.js.sample and also added the lines as above and launched it again, but it’s the same.

          It’s supposed to be in

          ~/MagicMirror/config/config.js

          apparently, and that’s where mine is.

          But if I rename that file, I get the same results. So I think it’s not picking up that config file at all.

          Perhaps I should install from the repo instead of using Arch’s build?

          S 1 Reply Last reply May 16, 2024, 4:11 PM Reply Quote 0
          • S Offline
            sdetweil @LoneSoldier
            last edited by sdetweil May 16, 2024, 4:13 PM May 16, 2024, 4:11 PM

            @LoneSoldier the git clone/npm install does NOT copy the sample config.js

            see step 4 of the installation instructions

            3. Install the application: npm run install-mm
            4. Make a copy of the config sample file: cp config/config.js.sample config/config.js
            

            you do NOT need to copy from the github repo… the file is in the config folder

            also why verion 2.22?? we are on v 2.27 now

            if there is an ERROR, then there is a built in minimal config.js used

            easy way to determine
            is to add

            disabled: true,
            

            after some module:
            entry
            and restart magic mirror

            note if you created a service to start MM on boot, THAT instance is running and you MUST stop it to change config settings…

            you don’t need to reinstall… just do the correct things

            to see if something is running from a terminal window do

            ps -ef | grep -i magicmirror
            

            if there is more than one line then you have to stop it…

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            L 1 Reply Last reply May 16, 2024, 4:49 PM Reply Quote 0
            • L Offline
              LoneSoldier @sdetweil
              last edited by May 16, 2024, 4:49 PM

              @sdetweil OK, the issue was that I used this

              https://aur.archlinux.org/packages/magicmirror

              It’s 2.22 and I’m not sure how it works.

              I installed normally from git now and it works, and also the “wallpaper” code works for me.

              Thank you for your help.

              Now I will try to configure this.

              1 Reply Last reply Reply Quote 1
              • S sdetweil has marked this topic as solved on May 16, 2024, 4:54 PM
              • 1
              • 2
              • 2 / 2
              2 / 2
              • First post
                12/13
                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