MMM-GoogleSheets can be made transparent!

[amanzimdwini]

Not sure if everyone already knows this… but I just figured out that if you add

.MMM-GoogleSheets table {
  background-color: transparent !important;
  border-collapse: collapse;
}

.MMM-GoogleSheets td,
.MMM-GoogleSheets th {
  background-color: transparent !important;
  color: white !important;
  border: none !important;
}

to your custom.css, the background becomes transparent!
(nice if you use, eg, https://github.com/parnic/MMM-Unsplash for a nicer background)

Thought I’d share this just for the fun of it.
Best,
Karl

[sdetweil]

@amanzimdwini nice!!!

[ryandwilliams]

In case anyone finds this in the future, this behavior is actually natively supported with the cellStyle option set to flat. From the documentation:

flat - No styling applied. Data is shown in default MM styling

The default for this option is mimic which copies exactly what you have in your existing sheet. If you didn’t want to use flat, you could still use mimic but change your sheet to match the MM (background color black, text color #fff, #666, or #999).

If use the custom css be aware that it will have undefined behavior if you try to change other options in the future.

Thanks for using the module!