颜色和字体
作为开发者，您需要处理大量文本资源：编辑器中的源代码、搜索结果、调试器信息、控制台输入与输出等。 颜色和字体样式用于格式化这些文本，通过视觉增强帮助您快速理解内容。
WebStorm 允许您在可配置的 color schemes 之间进行选择，这些方案定义了用于 IDE 文本的颜色和字体。
您可以使用预定义的配色方案，或根据需要进行自定义。 您也可以共享配色方案。
选择配色方案
自定义配色方案
您可以自定义预定义配色方案，但建议为自定义颜色和字体设置创建副本：
复制配色方案
按下 Ctrl+Alt+S 以打开设置，然后选择 。
选择一个配色方案，单击
，然后点击 复制…。 
（可选）要重命名您的自定义方案，请单击
并选择 重命名…。
定义自定义颜色和字体设置
按下 Ctrl+Alt+S 以打开设置，然后选择 。
此节点下页面的设置定义代码中的各个元素和 WebStorm 界面的颜色。 例如， 常规 页面定义基本编辑器颜色，如边距、行号、错误、警告、弹出窗口、提示等。
语言默认值 页面包含通用语法高亮设置，默认应用于所有支持的编程语言。 在大多数情况下，只需配置 语言默认值 并在必要时对特定语言进行调整即可。 若要更改某元素继承的颜色设置，请取消选中 继承以下数值 复选框。
示例：配置占位符分隔符的高亮显示
您可以在 .js 、 .jsx 、 .ts 、 .tsx 、 .vue 、 .svelte 和 .astro 文件中配置 ${ 和 } 占位符定界符的高亮显示。
按下 Ctrl+Alt+S 打开设置，然后选择 。 然后在 下选择 或 。
在 模板字面量 节点下，选择 占位符定界符。
在对话框右侧窗格中清除 继承以下数值 复选框。 之后，该窗格中的其他控件将变为可用。
使用控件配置背景和前景的字体与颜色。 在下方区域预览设置效果。
语义高亮
默认情况下，配色方案为源代码中的保留字及其他符号定义语法高亮效果：运算符、关键字、建议、字符串字面量等。 如果函数或方法具有多个参数与局部变量，可能很难一眼区分它们。 您可以使用 语义高亮 为每个参数和局部变量分配不同的随机颜色。
启用语义高亮
按下 Ctrl+Alt+S 打开设置，然后选择 。
选择 语义高亮显示 ，如有必要，请自定义颜色范围。
共享配色方案
如果您习惯某个特定配色方案，您可以将其从一个安装中导出，并导入到另一个安装中。 您还可以与其他开发者共享配色方案。 。
将配色方案导出为 XML
WebStorm 可将您的配色方案设置保存为具有 .icls 扩展名的 XML 文件。 然后，您可以将该文件导入到另一个安装中。
按下 Ctrl+Alt+S 打开设置，然后选择 。
在 方案 列表中选择一个配色方案，点击
，然后点击 导出 并选择 IntelliJ IDEA 配色方案(.icls)。指定文件的名称和位置并保存。
将配色方案导出为插件
该插件可上传至 插件仓库 以供他人安装。 相比 XML 文件，此格式具有若干优势，包括元数据、反馈、下载统计和版本控制（上传插件的新版本后，用户将收到通知）。
按下 Ctrl+Alt+S 打开设置，然后选择 。
在 方案 列表中选择一个配色方案，点击
，然后点击 导出 并选择 配色方案插件.jar。在 创建配色方案插件 对话框中，指定版本详情及供应商信息。 然后点击 确定(O)。
导入配色方案
按下 Ctrl+Alt+S 打开设置，然后选择 。
在 方案 列表中选择配色方案，点击
，然后点击 导入方案。
字体
自定义默认编辑器字体
默认情况下，该字体将在所有配色方案中使用并继承。
按下 Ctrl+Alt+S 打开设置，然后选择 。
从 字体 列表中选择字体。
点击 应用 以保存设置。
如需了解详情，请参阅 字体。
自定义配色方案字体
如有必要，请为当前方案设置不同字体。
按下 Ctrl+Alt+S 打开设置，然后选择 。
选中 使用配色方案字体，而不是 默认 复选框。
如需了解详情，请参阅 配色方案。
自定义控制台字体
默认情况下，控制台中的文本使用与配色方案相同的字体。 如需在控制台中使用不同字体，请执行以下操作：
按下 Ctrl+Alt+S 打开设置，然后选择 。
选中 使用控制台字体，而不是 默认 复选框。
安装新的自定义字体
WebStorm 可使用操作系统或用于运行 WebStorm 的 Java runtime 中提供的任意字体。 如需添加其他字体，须先在操作系统中安装，之后 WebStorm 会在重新启动后自动识别该字体。
下载所需的 TTF 字体包并解压以提取字体文件（ .ttf ）。 为确保字体正常工作，需包含至少四个文件：常规、加粗、斜体和加粗斜体。
根据操作系统，执行以下操作：
选中所有字体文件，右键点击所选内容，然后选择 安装。
选中所有字体文件，双击所选内容打开字体册预览，然后点击底部的 安装字体。
将字体解压到 ~/.local/share/fonts 以供当前用户使用，或解压到 /usr/share/fonts 以在系统范围内安装字体，然后运行
fc-cache -f -v。重启 WebStorm，然后在 编辑器｜字体 设置页面上选择已安装的字体 Ctrl+Alt+S。
提高工作效率的技巧
查看编辑器中当前使用的字体
按下 Ctrl+Shift+A ，查找 显示编辑器使用的字体 操作并执行。
这将打开 编辑器中使用的字体 对话框，列出字体列表。
使用快速切换器
按下 Ctrl+` ，或从主菜单中选择 。
在 切换 弹出窗口中，选择 编辑器配色方案 ，然后选择所需的配色方案。