My display so far...

  • Module Developer

    @ring23 There are already several…

  • Here’s my calendar app. Configuration is identical to the default calendar app. if you clone this, then change your calendar config to MMM-MyCalendar, it should just work.

  • I should mention that I have a few rules in my custom CSS that apply to all modules. You won’t get my exact same visual style with just these modules alone. Add whichever rules you want from those below into your custom.css file:

    /* Limit the width of the left and right columns to 300px */
    .region.right .module-content,
    .region.left .module-content {
      max-width: 300px;
    /* Increase vertical spacing of text in table cells */
    table td {
      line-height: 1.75;
    /* Allows styling of row elements in tables.  You need this for the next rule */
    table.small {
    /* Add an underline to table rows - also requires the rule above this one */
    table tr {
      border-bottom: solid 1px #222;
    /* blue colour styling for module headers */
    .module-header {
      color: #82bae5;
      border-bottom-color: #82bae5;
      font-size: 15.5px;
      font-family: "Roboto";

  • Here’s my Nest module

    Note that I have no idea what this looks like with multiple thermostats, as I only have one in my home. Nor have I tested list mode. Kind of defeats the purpose of why I modified this module.

  • The last two – Sonos and Scoreboard – need a bit more work before I can release them. Will work on those over the next week or so. Meanwhile, enjoy, and let me know if something doesn’t seem quite right.

Log in to reply

Looks like your connection to MagicMirror Forum was lost, please wait while we try to reconnect.