Um dos principais recursos da interface do Blockly é a capacidade de personalização, permitindo que os desenvolvedores criem uma aparência única para o app, alinhada às metas da marca ou experiência do usuário. Há três maneiras principais de personalizar a aparência do Blockly: cores de bloco, temas e renderizadores.
Cor do bloco
A cor principal de um bloco pode ser definida na definição do bloco. Se definida dessa forma, as cores secundárias do bloco (como a cor da borda) serão calculadas automaticamente. Essa é a maneira mais simples de modificar a aparência dos blocos.
→ Saiba mais sobre como definir a cor de um bloco.
Temas
Os temas oferecem mais controle sobre opções como a cor e a opacidade de blocos, caixas de ferramentas, espaços de trabalho e outros componentes. Um tema pode ser definido dinamicamente para um espaço de trabalho e contém categorias de estilos que podem ser aplicadas a grupos de blocos.
→ Saiba mais sobre como usar temas fornecidos pelo Blockly ou criar seu próprio tema.
Renderizadores
Um renderizador é um objeto no Blockly que controla como os blocos são desenhados no espaço de trabalho. O renderizador controla a forma de blocos e pontos de conexão.
→ Saiba mais sobre como usar renderizadores fornecidos pelo Blockly ou como criar seu próprio renderizador.
Resumo
Para mudar a cor de um bloco, use a definição do bloco. Se você quiser mudar a cor de outra coisa ou ser mais específico sobre as cores de blocos, tente um tema. Se você quiser mudar a forma de algo, tente usar um renderizador.