我對深色模式的執著

Thu, 15 May 2025 00:00:00 +0000

一切都要黑的

手機、電腦、IDE、瀏覽器、筆記軟體、通訊軟體。只要有深色模式的選項，我一定會開。

不是為了什麼科學理由。就是覺得好看。

深色背景上的亮色文字，看起來有一種「正在做正事」的感覺。白底黑字反而像在看 Word 文件。完全是主觀偏好，但很多人好像有類似的感覺。

深色模式真的比較護眼嗎

老實說，沒有很強的科學證據支持這個說法。

目前的研究大概是這樣：

暗環境下用深色模式，眼睛確實比較不刺眼 — 因為螢幕整體亮度低
亮環境下（像是白天的辦公室），淺色模式反而比較好讀 — 因為對比度的關係
深色模式不會「治療」或「預防」近視，那是兩回事
影響眼睛疲勞的主要因素是螢幕亮度、字體大小、閱讀距離和休息頻率，不是背景顏色

所以「深色模式護眼」這個說法，大概只在特定情境下成立。

但它確實省電

在 OLED 螢幕上，深色模式可以省下不少電。因為 OLED 的黑色像素是完全關閉的，不發光就不耗電。

Google 自己做過測試，YouTube 在深色模式下最多可以省 60% 的螢幕耗電。

不過這只對 OLED 有效。LCD 螢幕的背光板一直亮著，深色淺色耗電差不多。

深色模式設計比你想的難

做過深色模式的人都知道，不是把背景改成黑色、文字改成白色就好了。

幾個容易踩到的坑：

純黑背景太刺眼

#000000 的純黑配上 #FFFFFF 的純白，對比度太強。長時間看下來反而比淺色模式更累。

比較好的做法是用深灰色當背景，像是 #1a1a2e 或 #0b0f19，然後文字用偏灰的白色 #e4e8f1。

顏色直接搬過來會出事

淺色模式下好看的藍色，搬到深色背景上可能太亮、太刺眼。通常需要降低飽和度，或者微調色相。

層次感不能只靠陰影

淺色模式可以用陰影來做層次。深色模式下陰影幾乎看不到，要改用邊框或微妙的背景色差來區分層級。

圖片要處理

原本在白色背景下好看的圖片，放到深色背景上可能會「浮」起來。加一層圓角和微妙的邊框可以改善，或者直接用帶有深色背景的圖片。

我的偏好設定

作業系統：深色
IDE / 編輯器：深色（One Dark Pro 或 GitHub Dark）
瀏覽器：深色
終端機：永遠都是深色的
社群媒體：深色
通訊軟體：深色
文件編輯：看情況，有時候淺色反而好讀

唯一例外是需要精確看顏色的設計工作 — 深色模式下顏色的感知會偏掉，那時候會切回淺色。

關於這個部落格

Wed, 01 Jan 2025 00:00:00 +0000

嗨

歡迎。這裡是一個用 Spectra 主題搭建的部落格。

Spectra 是一個帶有科幻風格的 Hugo 主題 — 深色模式下有微微的光暈效果，卡片滾動進場的時候會從模糊變清晰，整體的感覺是乾淨但帶一點未來感。

為什麼叫 Spectra

Spectra 是 spectrum 的複數形，光譜的意思。取這個名字是因為主題的設計圍繞著「光」：深色背景上的 accent glow、漸層色的導覽列、滑鼠經過時的邊框發光。

另一個原因是光譜代表多樣性 — 這個主題支援多種內容類型，從純文字到程式碼到數學公式，都能好好呈現。

為什麼不用現成的平台

Medium、方格子、Substack，這些平台都很方便，註冊完馬上就能寫。但用別人的平台總覺得少了點什麼 — 你沒辦法控制排版長什麼樣子、廣告會不會突然冒出來、哪天平台收掉了你的文章還在不在。

自己架站雖然麻煩一點，但所有東西都在自己手上。文章就是一堆 Markdown 檔案，放在 Git 裡面，搬到哪裡都能用。

技術細節

簡單列一下這個站怎麼搭的：

靜態網站產生器：Hugo
主題：Spectra
部署：Cloudflare Pages 或是 Github Pages
原始碼管理：Git + GitHub

整個網站沒有後端、沒有資料庫。就是 HTML、CSS、和一點 JS。

載入速度很快，維護成本幾乎是零。

隨筆 on Spectra Demo