Square theme - the first theme for the Mozilla WebThings Gateway

Mozilla IoT
#1

I’ve created a theme for the Mozilla Gateway that removes the “octopus” design. It builds on the new ability to extend the user interface.

square-theme
square-theme1000×621 19.8 KB

Much thanks to MrStegeman for optimising some of the javascript.

Currently not 100% of things can be re-styled, but MrStegeman has already aded changes to the gateway code so that all devices will be better stylable in the next release.

Enjoy!

3 Likes
#2

Hi, it looks great!

Where can I get this? Will it be part of next release?

Thanks,

Tomas

#3

It is in the “Addons” section of the UI.
Just add it :slight_smile:

#4

Great, thanks!

It apparently needs some tunning but nice start.

2019-12-17_21-16
2019-12-17_21-161770×1059 20.7 KB
2019-12-17_21-16_1
2019-12-17_21-16_11770×1053 33.5 KB

1 Like
#5

@safarik the screenshot you posted shows that the theme isn’t working for you, so I suspect you’re using Firefox. The theme currently only works in Chrome out of the box. You can also enable it to work in Firefox, but you will have to activate support for an advanced CSS feature called part.

It’s easy to do:

  • Visit about:config in Firefox.
  • Search for layout.css.shadow-parts.enabled and set it to true
#6

It looks great :heart_eyes: a new look and can be a new way to the project to growing :smiley:

#7

@Candle Thanks, but still nothing… (yes I did restart Firefox)

2019-12-26_21-41
2019-12-26_21-411277×1011 49.2 KB

#8

same buggy view with Edge