Dark Reader - 將網頁配色轉成深色主題、夜間模式的一體適用閱讀套件

Dark Reader 是能在 Firefox 57（Quantum）以上版本及 Chrome 上運作的舒適閱讀套件，作用是將網站配色渲染成深色、夜間模式主題（Dark Theme)，以達到降低螢幕亮度過高導致的眼睛痠痛、疲勞的功效。Dark Reader 特別的部分在於它並非只針對特定網站，而是能一體適用的將所有網站都轉成深色以及暖色系模式。

過去我們可能透過像 Darkness 或 Stylus 來改變網頁主題，使用夜間模式讓眼睛更舒適，然而前者雖然有漂亮的主題，卻只針對少部分特定網站；後者雖然幾乎可以改變網頁中所有元素，但除了自己寫外只能依賴網友貢獻，一旦網頁改版更新不是那麼及時，對沒有動手能力或常瀏覽小眾網站的朋友就比較辛苦了。

Dark Reader 則沒有這樣的缺憾，不僅能對所有網頁渲染，也提供了白名單自動切換。內建的黑暗、明亮兩種主題之外，並提供「過濾」、「過濾+」、「靜態」、「動態」四種主題生成模式，還能依據個人喜好對不同網站個別調整亮度、對比、灰度以及開啟深褐色濾鏡。在效能上除了及其個別的網頁外，都能快速渲染、是我使用過類似套件中在效能和效果上最平衡的選擇。

套件資料

• 套件名稱：Dark Reader
• 套件下載：Mozilla Firefox 火狐官網、Google Chrome 線上應用程式商店
• 套件官網：darkreader.org
• Github：darkreader

Dark Reader 使用方法

自動渲染與白名單

安裝好之後，即便什麼都不做，Dark Reader 就會自動幫你將網頁渲染成深色、夜間模式。對於不想開啟此功能的網站（以域名為準），可以按下快速鍵「Alt + Shift + A」自動加入白名單，之後在開啟此網站都會在白名單內，再按一次就會取消白名單。以下是 google 的效果圖：

透過快捷鍵加入白名單外，也可以選擇下圖標籤 1 指的「網頁列表」頁面，直接對標籤 2 圈起來的部份手動加入或刪除特定網域；預設的「不反色列表」之外，也能夠反過來將標籤 3 所指的地方切換為「反色列表」，那麼只會對加入名單內的網域做渲染。

黑暗、明亮主題與主題生成模式

前面提到過此套件提供黑暗、明亮兩種主題，可以參考下圖的效果。在明亮的效果示意圖中，我特別點亮了「僅適用於 Kreen.org」按鈕，則表示之後不論我在網站上調整其他的亮度、對比度、深褐色濾鏡、灰度等項目參數，只要一來到此網站即會套用現在的參數。這是一個我非常喜歡的快速客製化功能。（當然我很喜歡我網站的模樣，完全不想在自己網站用這套件XD）

點下標籤 4 所指「更多」頁面，可以在標籤 5 框起來的部份修改字型和文字瞄邊，但由於內建的字型以英文字型為主，文字部份也不是用陰影的方式看起來會比較累，這兩個功能比較建議用 Stylus 處理。標籤 6 則是前面提到的四種不同主題生成方式，雖然同樣是黑暗主題，相較於上圖的過濾模式、下圖採用動態模式有明顯的差異，這功能在一些網站上差距會很大，自行挑選喜歡的主題生成模式吧！

開發者工具

如果實在組合不出自己想要的效果，或著網站上有一些反色效果詭異的部份，也可以點標籤 7 的「開發者工具」針對個別網站的樣式做修改，當然這邊只提供反色或不反色的部份，要達到整個網頁所有樣式都臻於自己的理想，那還是從 Stylus 下手吧！

結語

Dark Reader 是一款適用性非常廣泛，方便使用以能帶來舒適閱讀的擴充套件，如果習慣用電腦大量閱讀，抑或是需要長時間盯著螢幕，不妨試試看這款擴充套件，相信它一定能帶來不同的閱讀、文書處理體驗。當然行有餘力，不妨也到 github 頁面給作者一些贊助與反饋～