Formosa Theme:從 Porsche 限定車款到編輯器主題
某天在網路上閒逛時,偶然發現了一台特別的車 — Porsche 911 Carrera T "Formosa"。
這是 Porsche 透過 Sonderwunsch(特殊訂製)計劃為台灣打造的獨一無二車款,以「福爾摩沙」命名,向這座美麗之島致敬。
車身採用 Ipanema Blue(伊帕內瑪藍),內裝搭配 Night Green(夜綠色)的格紋布料、Truffle Brown(松露棕)皮革,以及 Paldao Wood(帕爾道木)飾板。這些色彩的搭配讓我眼睛一亮 — 既優雅又獨特。
於是,一個想法誕生了:
把這些顏色變成程式碼編輯器的主題,用我的方式,致敬我居住的這片土地
免責聲明:本專案與 Porsche AG 無任何關聯、背書或贊助關係。「Porsche」、「911 Carrera T」及相關標誌為 Porsche AG 的商標。此主題為獨立的粉絲創作,靈感來自公開圖片。
截取色碼
從 Porsche 官網和車輛圖片中提取色碼,逐一擷取每個顏色的 HEX 值:
| 顏色名稱 | HEX | 來源 |
|---|---|---|
| Ipanema Blue | #5BBCD6 | 車身外觀 |
| Night Green | #6ABA7A | 座椅布料 |
| Truffle Brown | #c09860 | 內裝皮革 |
| Cream White | #E8DCD0 | 座椅格紋 |
這些顏色成為了主題的基礎。
設計理念
有了色碼之後,我開始思考如何將它們應用到編輯器主題中:
- Light 主題:想像坐在奶油色皮革內裝中,望向台灣的海岸線或山巒
- Dark 主題:想像夜晚站在台灣的海邊或森林中,Porsche 的色彩在星光下微微發光
最終決定製作四個變體:
- Formosa Light - Ipanema Blue
- Formosa Light - Night Green
- Formosa Dark - Ipanema Blue
- Formosa Dark - Night Green
製作 Zed 主題
我的主要編輯器是 Zed,所以先從這裡開始,經過反覆調整對比度和可讀性,提交了第一版 PR 到 zed-industries/extensions 。
主題順利地被合併。目前已經有超過 100 次下載!有點意外,也非常謝謝社群的使用。
Zed 版本:github.com/takeshiyu/formosa-zed-theme
移植到 VS Code
完成 Zed 版本後,也想試試移植到 VS Code — 畢竟這也是很多人使用的編輯器。
不過,移植過程中遇到一個有趣的問題:VS Code 的 Bracket Pair Colorization 功能會覆蓋主題的括號顏色設定。解決方法是在主題中明確設定 editorBracketHighlight.foreground1 到 foreground6 的顏色。
VS Code 版本:github.com/takeshiyu/formosa-vscode-theme
移植到 Ghostty
Ghostty 版本:github.com/takeshiyu/formosa-ghostty-theme
關於命名
Formosa 是 16 世紀葡萄牙水手對台灣的稱呼,意思是 美麗之島。
用這個名字作為主題名稱,不僅呼應 Porsche 車款的命名,也是對台灣的一份小小致敬。
最後
從發現一台車,到完成兩個編輯器主題,這個小專案花了我幾個晚上的時間。作為 2026 年的起點,算是個不錯的開始。
如果你也喜歡這組配色,歡迎試用:
- Zed:在 Extensions 搜尋 "Formosa"
- VS Code:在 Marketplace 搜尋 "Formosa Theme"