How to change the colour of the Blocks

[Juan Salce]

Hello 

I wanted to know how to change the colour of the Blockly Blocks. Thank you for everyones help.

[Carlos Galarza]

You can do that modifing the source code. For example, if you wants to change the 'if' block:

- go to blocks/logic.js

- search for 'Blockly.Blocks['controls_if']' object and change the line 'this.setColour(210);' for your colour. Note that block colour is in HSV format.

If want to change the range of colours, you can modify in core/blockly.js the lines 'Blockly.HSV_SATURATION = 0.45;' and 'Blockly.HSV_VALUE = 0.65;' by which you need.

[Neil Fraser]

Here's the documentation for colour:
https://developers.google.com/blockly/custom-blocks/defining-blocks#setcolour

--
You received this message because you are subscribed to the Google Groups "Blockly" group.
To unsubscribe from this group and stop receiving emails from it, send an email to blockly+u...@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

--

Neil Fraser
https://neil.fraser.name

[Juan Salce]

Thanks guys!

[Andrew Stratton]

You can also just change the saturation and value in an included .js (which needs to be after the blockly script src include), e.g.

Blockly.HSV_SATURATION = 0.75; 

Blockly.HSV_VALUE = 0.75;  

So, this way you don't need to modify the core/blockly.js