原标题 CFW魔改主题教程
转载自 Telegraph 原文作者 つつ

第一章 asar解包&打包教程

前言：Clash For Windows 作为electron应用，其主要运行文件在/resourse/app.asar这个文件里面，因此我们需要进行解包

第一步，安装nodejs，自己谷歌搜下能够解决

https://nodejs.org/en/download

第二步，如果你家终端可以搭梯子我就不说啥了哈哈，其他的终端可以用淘宝的镜像cnpm来安装解包程序，在终端中执行：

npm install -g cnpm --registry=https://registry.npm.taobao.org

第三步，安装asar（需要node版本≥10）

前面安装了cnpm的可以：

cnpm install --engine-strict asar

前面没有cnpm的可以：

npm install --engine-strict asar

第四步，把你cfw/resourse/app.asar复制到一个工作文件夹，例如work（随便一个文件夹即可），在文件夹work中执行如下命令，得到app文件夹：

asar extract app.asar app

附命令用法：asar extract <asar文件名> <解包后的文件夹名>

第五步，更改完之后可以再次用asar打包，为了避免覆盖原app.asar，请将原app.asar重命名为“appbak.asar”，然后同样在文件夹work中执行下面的命令：

asar pack app app.asar

附命令用法：asar pack <你解包之后的文件夹名> <设置打包成的asar名>

第二章 做好事前准备

必须要有CSS基础！

必须要有CSS基础！

必须要有CSS基础！

第一步

点击下载DesignTool_0.14.8_v01

先解包（详见第一章），然后打开/dist/electron，里面有两个js文件，main.js和renderer.js，我们主要更改renderer.js，打开两个js文件后，用JS美化工具美化一下：https://tool.lu/js/

（注：两个js文件中出现相对路径，其运行目录是/dist/electron）

第二步，打开renderer.js（建议使用Visual Studio）

并给大家分析一下每个自定义选项都代表什么，以辉夜大小姐主题为例：

如何替换？使用visual Studio

先替换前前9个：

• 主题全名

• 主题英文名

• 作者中文名

• 作者英文名

• 右栏背景颜色

• 左菜单栏背景

• 窗口顶部颜色

• 左菜单栏选中字体颜色

• 左菜单栏其他字体颜色

1-9详解

• 默认字体颜色

• 常规页节点页鼠标悬浮颜色

10-11详解

• 滚动条颜色

• 卡片底色

• 节点模式选择选中背景颜色

• 节点模式选择选中背景颜色

• 节点模式选择未选中背景颜色

• 节点模式选择未选中文字颜色

12-17详解

• 设置页面连续选项奇数

• 设置页面连续选项偶数

• 设置-主题显示的主题名称

18-20详解

• 主题背景图片路径

这里背景图片放到包里面的/dist/electron/static/imgs中，替换包中文字为：

static/imgs/图片名字.png

背景图片到窗口底部的距离

40px为默认——logo到底部有40个px，而0px即为无缝隙

背景图片透明度

透明度取值0~1

魔改版适用版本

魔改补丁版本号

最后几步

最后，保存文件，按照第一章的压包教程，完成主题的制作。

替换之后截几张图，发给 つつ 即可投稿到 Telegram频道。

各位大佬们！期待有更多的主题能够问世！

忘了说了，再给大家几个示例：

Fuck It! 主题 作者：つつ

Fuck It! : https://t.me/Clash_For_Windows_Reform_GGB/3

辉夜大小姐-书记 作者：つつ

辉夜大小姐-书记： https://t.me/Clash_For_Windows_Reform_GGB/24

つつ，

敬上

2021年3月13日凌晨