色塊

大多數 Blockly 應用程式會使用各種方塊顏色，將方塊以視覺化方式分組為不同類別。Blockly 隨附的積木包含多個類別，顏色與示範中的各種工具列類別相符：

工作區的螢幕截圖，顯示各區塊的顏色範例。

方塊上的其他顏色是從主要顏色衍生而來。舉例來說，陰影方塊是主要顏色的去飽和版本，而邊框顏色則是較深的顏色。

設定方塊顏色

您可以在 JSON 或 JavaScript 中定義區塊的主要顏色。你可以傳遞色調 (建議)、RGB 值或顏色名稱；詳情請參閱「顏色格式」。

JSON

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

JavaScript

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

請注意這是英式拼法。如果未設定顏色，系統會顯示黑色方塊。

您也可以使用 Block.setColour(..) 函式設定區塊顏色，或使用主題並定義區塊樣式。

無障礙設定

如要瞭解顏色對無障礙功能的影響，請參閱「顏色和無障礙功能」一文。