Window Sweaters DIY 针织图案：3 步用你自己的 PNG Charts 替换内置花纹

Window Sweaters 是一款把 macOS 窗口"穿"上针织毛衣的免费菜单栏应用。本教程带你用 3 步，把自己的 PNG Charts（像素图案图）变成窗口的针织花纹，替换或扩充它内置的 40 余种 DIY 针织图案，全程无需写代码。

1 分钟看懂：PNG Charts 是什么？

Window Sweaters 里的图案叫Chart（针法图表），机制像一张"纸质编织图"：

• 1 个像素 = 1 个配色格子。图片的宽高就是花纹的重复单元，比如一张 8×8 的 PNG，会沿窗口四边平铺出一个 8 针 × 8 行的循环。
• 透明像素：自动换成该应用自己的主色纱线（例如 Safari 的蓝、Claude 的杏色）。
• 不透明像素：按你画的颜色织出来，作为对比色纱线。

也就是说，你只需要画花纹和点缀色，底色会随应用自动变化——同一张图挂在不同 App 上会呈现不同的配色。详细机制见 src/misc/chart.h。

第 1 步：画一张"好织"的 PNG 图案

任何像素画工具都可以：Aseprite、Piskel，甚至 Photoshop/GIMP 把画布缩到极小尺寸逐格填色。

新手友好的 3 个原则：

1. 画得小：建议 4×4 到 12×14 像素。图案会平铺，小图更耐看。硬上限是 256×256，但高度超过14 行的图案不会出现在菜单里（src/chart.c 的尺寸校验）。
2. 颜色克制：1～2 种不透明色就够，其余全部留透明。想让某块显示应用本色，就把它画成透明。
3. 注意四边拼接：图案会在窗口四角和边缘循环平铺，尽量让左右、上下边缘能自然衔接（对称设计最稳妥）。

导出为PNG（必须保留透明通道），文件名就是图案名，例如my-lace.png，菜单里会显示为 "My Lace"。

第 2 步：把 PNG 放进 Charts 文件夹

把你的 PNG 放进这个文件夹（应用首次启动会自动创建）：

~/Library/Application Support/Knit Borders/charts/

两个小提示：

• 文件夹里按文件名字母顺序加载，只识别.png（src/chart.c）。
• 同名即替换：如果你的 PNG 和某个内置图案同名（例如zigzag.png、picnic.png），它会直接顶替内置版本，"显示什么就是你画了什么"。

放入文件后，重启 Window Sweaters（点菜单栏毛线图标退出再打开）即可重新扫描 Charts 文件夹。

第 3 步：选择图案，或绑定到指定应用

全局使用：点菜单栏的毛线图标 →Pattern → Custom Patterns，你的新图案会带一个实时小样图出现在这里。选中后，所有窗口立刻换上你的针织花纹——边框厚度也会自动加粗到至少 6 行（或图案行数），保证一个完整循环完整显示。

只给某个应用穿：编辑apps.conf（与 charts 文件夹同级），一行一个规则：

Claude = #D58561 my-lace Spotify = #3B6450 my-lace

格式是应用名前缀 = 十六进制颜色 图案名：名字不区分大小写、按前缀匹配且最长匹配生效，颜色可省略，图案名即你的 PNG 文件名（不带扩展名）。规则语法见 src/misc/apps.h。

每次启动自动应用：如果你更喜欢命令行，可以在~/.config/window-sweaters/sweatersrc（或~/.sweatersrc）启动脚本里写入chart=my-lace、charts=reload这类指令，Window Sweaters 启动时会执行它们（src/main.c）。

改完apps.conf或重新放入 PNG 后，同样重启一次应用即可生效。

常见问题排查

参考资料

• 入门与自定义配色说明：README.md 的 "Your own colourways" 章节
• 内置图案全目录（37 款配色 + 纱线特写）：docs/COLLECTION.md
• 高清 PDF 目录册：docs/catalogues/Window-Sweaters-Catalogue.pdf
• Charts 加载与替换逻辑源码：src/chart.c

画好第一张 PNG 只是开始——试试把你的 Logo、爱心或圣诞雪花织进每个窗口，你的桌面会立刻暖和起来 ✨