主题

块样式

块样式目前由四个字段组成：colourPrimary、colourSecondary、colorTertiary 和 hat。

{
    "colourPrimary": "#4a148c",
    "colourSecondary":"#AD7BE9",
    "colourTertiary":"#CDB6E9"
}

• colourPrimary：原色（必需）——用作块的背景色，可以用色调或十六进制值定义。
• colourSecondary：次要颜色（可选）——如果块是阴影块，则使用此颜色。
• colourTertiary：第三色（可选）——在thrasos 和zelos 渲染器中，这是块的边框颜色。在geras 渲染器中，第三种颜色会更改块高光的颜色。
• Hat：帽子（可选）——当用户想给他们的方块添加帽子时使用

分类样式

类别样式当前仅包含颜色属性。

{
    "colour":"290"
}

• colour：颜色（必需）——这是弹出窗口中类别的颜色。该值可以定义为十六进制值或色调。通常这些颜色应该与类别中大多数块上的 colourPrimary 相同。这使用户可以轻松分辨哪些块属于哪个类别。

组件样式

目前支持更改以下组件的颜色：

• workspaceBackgroundColour：工作区背景色
• toolboxBackgroundColour：工具箱背景色
• toolboxForegroundColour：工具箱类别文字颜色
• flyoutBackgroundColour：弹出背景颜色
• flyoutForegroundColour：弹出标签文本颜色
• flyoutOpacity：弹出不透明度
• scrollbarColour：滚动条颜色
• scrollbarOpacity：滚动条不透明度
• insertionMarkerColour：插入标记颜色（不接受颜色名称）
• insertionMarkerOpacity：插入标记不透明度
• markerColour：键盘导航模式下显示的标记颜色
• cursorColour：键盘导航模式下显示的光标颜色`
  大多数其他组件可以通过在 CSS 中使用主题名称来更改。

字体样式

字体样式是保存字体系列、粗细和大小的对象。

{
    "family": "Georgia, serif",
    "weight": "bold",
    "size": 12
}

使用主题

创建主题

主题当前采用名称、块样式映射、类别样式映射和组件样式映射。
示例块样式：

{
   "list_blocks": {
      "colourPrimary": "#4a148c",
      "colourSecondary":"#AD7BE9",
      "colourTertiary":"#CDB6E9"
   },
   "logic_blocks": {
      "colourPrimary": "#01579b",
      "colourSecondary":"#64C7FF",
      "colourTertiary":"#C5EAFF"
   }
}

示例类别样式：

{
   "list_category": {
      "colour": "#4a148c"
   },
   "logic_category": {
      "colour": "#01579b",
   }
}

示例组件样式：

{
   "workspaceBackgroundColour": "#1e1e1e",
   "toolboxBackgroundColour": "#333"
}

添加样式名称

设置主题