How to change the colours used in Fitbit Studio (using a Chrome extension)

[ndamo]

I found the following Chrome extension (Stylebot) that allows me to change the Fitbit Studio colours.

My changes become permanent (well, they get applied to the website every time I visit it - the website itself is not changed)

Install the extension and you can then simply right-click on the element you want to change.

Here is what the default Fitbit Studio colours look like (keywords= brown, comments: well, brownish....)

I wanted to change the colour of comments to bright green.

I simply right-clicked on the word ''events' inside the comment line. (any word will do, so long as it is inside a comments line)

I was then presented with this menu and selected 'Stylebot/Style element'.

 

This brought up the following panel on the right-hand side of Chrome.

And here is what it looks like in the end (I've also changed the colour of keywords to cyan).

These changes are applied to the page every time you visit it, so as far as you are concerned, that is how the page looks like at all times.

I hope this will be of use to others...

[SunsetRunner]

@ndamo: this is a great extension, thanks for sharing. I also want to take the opportunity to highlight the fact that we just release the CLI tools for Fitbit OS, which means you can also use any other IDE of choice.

[dde33]

I tried the StyleBot and it installed and shows selection on rt mouse click but no response from it -

Are there any changes needed in Chrome settings needed for it to work?

[ndamo]

I did not make any changes to Chrome.

This is what I get when I right-click on the word 'const'. Do you see this when you do it?

If you are unable to get it to work, you may need to contact the developer.

Cheers,

Nick

[dde33 · Accepted solution]

Curiously enough, I tried it again today, and got exactly what you show - it works!

I got nada before clicking on 'Style Element' - all's well now - 

Puzzled, but peased...

Tnx