Cores de bloco

A maioria dos apps do Blockly usa várias cores para agrupar visualmente os blocos em categorias. Os blocos enviados com o Blockly incluem várias categorias, com as cores espelhadas pelas várias categorias da barra de ferramentas nas demonstrações:

Captura de tela de um espaço de trabalho com um exemplo de cada cor de bloco.

As cores adicionais no bloco são derivadas da cor principal. Por exemplo, blocos de sombra são uma versão desaturada da cor principal, e as cores de borda são uma versão mais escura.

Definir a cor do bloco

A cor primária de um bloco pode ser definida em JSON ou JavaScript. É possível transmitir a matiz (preferível), o valor RGB ou o nome da cor. Para mais informações, consulte Formatos de cores.

JSON

{
  // ...,
  "colour": 160,
}

JavaScript

init: function() {
  // ...
  this.setColour(160);
}

Observe a ortografia britânica. A falha na definição da cor resulta em um bloco preto.

Também é possível definir a cor do bloco usando a função Block.setColour(..) ou usando temas e definindo um estilo de bloco.

Acessibilidade

Para saber como a cor afeta a acessibilidade, consulte Cor e acessibilidade.