Couleurs unies

La plupart des applications Blockly utilisent différentes couleurs de blocs pour les regrouper visuellement en catégories. Les blocs fournis avec Blockly incluent plusieurs catégories, dont les couleurs sont reprises par les différentes catégories de la barre d'outils dans les démonstrations :

Capture d'écran d'un espace de travail avec un exemple de chaque couleur de bloc.

Les couleurs supplémentaires du bloc sont dérivées de la couleur principale. Par exemple, les blocs d'ombre sont une version désaturée de la couleur principale, et les couleurs de bordure sont une version plus foncée.

Définir la couleur du bloc

La couleur principale d'un bloc peut être définie en JSON ou en JavaScript. Vous pouvez transmettre la teinte (préférée), la valeur RVB ou le nom de la couleur. Pour en savoir plus, consultez Formats de couleur.

JSON

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

JavaScript

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

Notez l'orthographe anglaise. Si vous ne définissez pas la couleur, le bloc sera noir.

Vous pouvez également définir la couleur du bloc à l'aide de la Block.setColour(..) fonction, ou en utilisant des thèmes et en définissant un style de bloc.

Accessibilité

Pour savoir comment la couleur affecte l'accessibilité, consultez Couleur et accessibilité