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:

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.

Dica: se você quiser mais controle sobre as cores do bloco de sombra ou da borda, saiba como definir um tema.

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.