主题

主题不是「深色 / 浅色」两个开关。一套主题管理整个编辑器的外观：八个核心色和由它们推导出的 二十几个颜色、圆角 / 阴影 / 毛玻璃 / 动效四个档位、字体、背景图、音效，以及积木的外观 （形状和类别色）。内置十一套，也可以自行调整一套保存下来，或者导出给别人。

打开方式#

顶栏右上角那颗胶囊按钮，上面是当前主题的色样和名字。点开是一格格卡片，点一下即切换，菜单 不收起，便于逐套试看。最下面那条「主题工作室…」通向可细调的那扇面板。

设置的「通用 · 主题」那一行也能选，旁边同样有一颗「主题工作室…」。

右键一张卡片：使用这套、另存为副本、导出文件、在主题工作室里打开；自己保存的那些还多出 重命名和删除两条。

内置的十一套#

深色和浅色是基准。其余每一套除了颜色，还各自侧重一两种质感，不是同一套东西换了九种配色：

切换主题时整个编辑器一起变化，积木也包括在内：

主题工作室#

「主题工作室」是一扇可以停靠也可以浮动的面板，共七页。最上面是当前主题的名字（自己保存的 那些点一下可以改名）、深色或浅色的角标、撤销 / 重做，以及一颗「更多」（另存为副本、重命名、 导出文件、删除这套）。

修改内置主题会自动另存一套，内置的那十一套始终保持出厂状态。

预设#

列出所有主题的卡片，点一张即切换；上面两颗是「新建一套」和「导入文件」。

配色#

首先是基调：深色或浅色。它决定系统控件、代码编辑器和画布的明暗；切换基调时底色、面板和 文字随之反转，强调色保留。

然后是八个核心色，其余二十几个颜色由它们推导：

三个与可读性有关的（文字、次要文字、强调色上的文字）旁边实时显示对比度，可以直接看出 是否达到 AA / AAA。右上角的「按强调色生成整套」按当前的强调色重新推导整套颜色。

外观#

四个滑杆是倍数，不是像素，拖动时整个编辑器一起变化：

外加动效三档：正常 / 快 / 关。

下面一组「积木栏分类」管左边那条分类条上的图标和字：

浮窗透明低于 1 时浮窗呈玻璃效果：底色带上透明度，下层内容按「毛玻璃」那一档模糊 透出：

下半页是字体：界面字有系统默认 / 圆润 / 衬线 / 等宽四个预设，也可以直接在输入框里填字 体族（逗号隔开，未安装的自动回落到后一个）；等宽字单独一行（终端、代码、数字使用）；最下面 可以填一个网络字体的样式表地址（Google Fonts 那种 https://…），加载之后上面才能用到里面 的字体。

积木字体（在「积木」页最下面）是一个下拉：内置的中西文和像素字体都在里面，按语种分组， 每一行用它自己的字形写自己的名字。倒数第二项是「读取本机字体…」：点一下、在浏览器的询问框里允许，本机装的字体就多出「本机」 一组（只有 Chrome 和 Edge 有这个）。最后一项是「＋ 上传字体…」，选一个 TTF / OTF / WOFF 就直接用上了，字体存在浏览器里，下次打开还在，选中自己传的字体时右边有个 × 可以删掉。

积木字体只影响你自己这台机器，所以用本机字体没有副作用 —— 别人打开你的作品用的是他自己的 主题。这套字体和 造型编辑器写文字用的是同一批 —— 在哪边传的，另一边也看得见。

下拉底下那一行是它展开成的 font-family 串。想写一整串回退字体（"我的字", Arial, sans-serif）就直接改那一行，下拉会跟着显示第一个名字。

积木#

形状共八个数值，修改后全部积木重新排版：

右上角有「恢复 Scratch 原样」。

类别色共十二类（运动、外观、声音、控制、事件、侦测、画笔、运算、变量、列表、自制积木、 扩展默认），每类三档：本色、输入槽、描边。修改本色时另外两档自动跟随；也可以单独锁定 某一档。同样有「恢复 Scratch 原色」。

背景#

选一张本机的图片（或者把图片拖进那个框），也可以填一个网络图片地址。下面是铺排方式：

本机的图存在浏览器里，主题只记一个引用；上传时最长边会缩到 2560。

音效#

编辑器的十一个时刻各可以配一段声音。没有配的时刻不响；内置的十一套主题都不带音效。

每一行一颗「上传」，接受 mp3 / wav / ogg 等浏览器能播放的音频，单个文件最大 2 MB。配好之后 这一行显示文件名，左边是试听，右边是 0 – 100 的音量和「移除」。

「积木接上」和「积木删除」仍受设置里「积木接上的声音」「积木删除的声音」两个开关控制： 开关关闭时，主题配的声音和积木库自带的都不响。同一个时刻一秒内最多响十次。

高级#

配色页那八个颜色推导不出需要的某一项时，在这一页锁定具体某个令牌：按用途分组列出全部 颜色令牌，每一项显示当前值和它的 --g- 变量名，右边一颗「重置」把它改回按公式推导的值。 上面有一个搜索框（按名字或者 --g- 变量名查找），和一颗「复制成 CSS」。

最下面是自定义 CSS：原样注入页面，最后生效。写错时删掉即可。

分类图标#

积木栏左边那一列的图标，每个分类都能换成自己的图。点「上传」选一张图片（不超过 128 KB），「恢复」换回内置那张。换完积木栏会重建一次。

积木文案#

改积木上的字。搜一个词找到那块积木，在右边填新的说法，回车生效；「恢复」退回原文。

参数位不能动。 %1 %2 这些是输入框的位置，个数和顺序必须和原文一致 —— 少一个，那块积木上的输入框就没了。填错时会提示，并且不会应用。

积木栏和工作区都会当场换字，已经摆好的脚本不用重拖。没列出来的积木照常用当前语言的 原文，所以换语言不受影响。

猫猫#

帽子积木顶上长一个猫头 —— Scratch 2020 年愚人节的彩蛋。

• 挑一只：29 只，第一只是原版，其余来自 Gandi 的 BlockStyle 扩展（作者署名在每只 的悬停提示里）。
• 眼睛跟着鼠标：脸会往鼠标那边偏一点。默认关 —— 它是这个功能里唯一一直在算的 部分，积木多的作品建议别开。
• 摸一下耳朵，那只耳朵会耷拉一下再弹回来；鼠标碰到猫头会眨眼。这两样一直都有， 不耗性能（只在鼠标进入时响一次）。
• 自己画一只：下载模板（一张 SVG，浅灰那层是参考，标着 data-cat-guide，传回来时 自动去掉），在任意画图软件里画好再传回来。想换耳朵的形状，把轮廓那条路径的 id 设成 hat。耳朵内侧和眼睛嘴巴的颜色在下面单独调；画的图整个盖住脸时，把脸的颜色调透明即可。
• 图层：配饰（发簪、蝴蝶结这些）盖在耳朵内侧和积木上的字之上，眼睛嘴巴在最上面。 两张图的猫第一张是本体、垫在最底下。

和「外观」里的积木形状可能对不齐。 猫脸是照原版帽子那条曲线画的；把帽子高度或 圆角改过之后，两者叠在一起会有偏差。面板上会提示一句，怎么取舍由你定。

存在哪#

• 自定义主题存在这个浏览器里，最多 30 套；内置的那十一套不占位置。
• 导出的文件是自包含的 JSON：背景图、音效、自己画的猫、换过的分类图标都会内联进去 一起带走，换一台机器导入后仍在。导入时只收内联的图片，主题文件里写外部地址的会被丢掉 （打开一份别人给的主题不该往外发请求）。
• 主题与作品无关：切换作品不会切换主题，发给别人的作品里也不包含主题。

相关#

• 设置 —— 「通用 · 主题」那一行
• 面板与布局 —— 浮窗（毛玻璃作用在它上面）