Cores de bloco

A maioria dos apps do Blockly usa várias cores de blocos 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 outras cores do bloco são derivadas da cor principal. Por exemplo, os blocos de sombra são uma versão dessaturada da cor principal, e as cores da borda são uma versão mais escura.

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

Definir cor do bloco

A cor principal de um bloco pode ser definida em JSON ou JavaScript. Você pode transmitir o matiz (preferido), 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. Se a cor não for definida, o bloco vai ficar 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.