Yu Wu Hsien - Profile Picture
YU WU HSIEN

Just simple folk, with HTML, trying to make a living.

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.foreground1foreground6 的顏色。

VS Code 版本github.com/takeshiyu/formosa-vscode-theme

移植到 Ghostty

除了 Zed,每天都會使用到的就是 Ghostty 了。

Ghostty 版本github.com/takeshiyu/formosa-ghostty-theme

關於命名

Formosa 是 16 世紀葡萄牙水手對台灣的稱呼,意思是 美麗之島

用這個名字作為主題名稱,不僅呼應 Porsche 車款的命名,也是對台灣的一份小小致敬。

最後

從發現一台車,到完成兩個編輯器主題,這個小專案花了我幾個晚上的時間。作為 2026 年的起點,算是個不錯的開始。

如果你也喜歡這組配色,歡迎試用:

  • Zed:在 Extensions 搜尋 "Formosa"
  • VS Code:在 Marketplace 搜尋 "Formosa Theme"
© 2025 Yu Wu Hsien.