選單

讓所有網站開啟深色模式,試試這個瀏覽器外掛

打從我第一次在用於開發的 IDE(Integrated Development Environment,整合開發環境)中瞭解並使用一個暗黑的主題之後,我就完完全全變成了 Dark Scheme 的死忠粉。儘管大眾對程式設計師群體形成了「穿格子衫」的刻板印象;但在程式碼的世界裡,大多數程式設計師都有著自己的一套美學,在 IDE、終端或是編輯器中尤甚。

讓所有網站開啟深色模式,試試這個瀏覽器外掛

所以只要是軟體層面支援,那麼無論白天還是黑夜我更喜歡將所有裝置設定暗色主題,其實這也就是我們所說的深色模式——Dark Mode。

一方面,深色模式之後長時間看螢幕時,眼睛比不用深色模式更不容易疲勞;另一方面,深色模式可以遮蓋掉一些留白部分的無關資訊,更容易凸顯內容。

所以一直苦於那些沒有適配深色模式的網頁的我,在不經意間發現了這個能讓網頁強制深色模式的跨平臺外掛——Dark Reader。

▍Dark Mode

所謂的深色模式(Dark Mode)也可以叫暗黑模式、暗色模式或黑暗模式等,但無論哪一種叫法,只要看到這些字眼時,我們都能很快明白所談論的就是 Dark Mode。

深色模式其實就是一種在深色背景上使用淺色文字、圖示和圖形使用者介面元素的配色方案(Color Scheme),因此在這樣的一深一淺的對比反差之下,淺色的內容相比於通常的模式更為顯眼、突出。

和 Dark Mode 相似的另外一個詞就是 Night Mode (夜間模式),但與深色模式不同的是,夜間模式會將螢幕的色溫更改為偏暖的顏色,在晚上使用夜間模式也有助於入眠。這種色溫的改變你在 Windows 上也可以進行設定;或者是藉助f。lux這款 APP 進行調節,甚至也可以用類似明基 Screenbar 這樣的物理外設來改善。

讓所有網站開啟深色模式,試試這個瀏覽器外掛

相比於淺色模式(Ligth Mode)而言,深色模式可以延緩眼睛因長時間盯著螢幕而造成的疲勞感。當然,並不是任何場合都使用深色模式,在光線充足的情況下使用深色模式就和在光線昏暗的情況下看特別亮的螢幕一樣,都會損害眼睛。因此在夜晚且照明條件不是特別亮的情況下使用深色模式為佳。

同時,深色模式能有效地延長你手機的續航。根據 Google 官方給出的測試結果,深色模式的耗電量大約是一般模式的 1/6 。

讓所有網站開啟深色模式,試試這個瀏覽器外掛

源:Android Dev Summit 展示

而且隨著現在OLDE螢幕開始普及,「燒屏」問題(Burn-In)也是人們在選購OLED 產品時所關心的重要問題,而使用黑色背景圖或深色模式也能夠有效延緩燒屏問題的發生。

關於深色模式更多方面的內容,「加拿大白嫖王」老萊(LinusTechTips)就有曾出過一期影片談到,你可以在 B 站看到翻譯組授權搬運的這期影片。

目前無論是在 Windows、macOS 還是 iOS 和 Android 陣營,你都可以找到開啟深色模式的方法。但深色模式的效果並不是全域性或者強制的,仍然需要開發者對 APP 或網頁進行適配。

倘若有些軟體就是不適配深色模式,比如某個國民級社交軟體,那麼在大晚上的時候要麼選擇不用,要麼就像其開發團隊美其名曰「為了讓你早點睡覺」這樣,乖乖放下手機說晚安(前些天剛宣佈了接下來 iOS 版會適配暗色模式,看來吐槽還是有用的)。

▍為什麼是 Dark Reader

對於我來說,目前使用手機的頻率相較於上學時減少許多,更多時候還是使用桌面端裝置。然而,無論 Windows 還是 macOS,即使開啟了深色模式也依然無法覆蓋到所有網頁;即便是 Chrome 7x 版本後自帶了深色模式,也依舊如此。

追溯 Dark Reader 的 GitHub 專案 Commit 記錄,可以發現 Dark Reader 早在 2014 年11 月 15 日開始建立,至今過了幾個年頭依然保持更新(原諒我去年才開始瞭解到它)。在 Chrome Web Store 裡,可以說是擁有了眾多使用者的深色模式外掛了。

讓所有網站開啟深色模式,試試這個瀏覽器外掛

而 Dark Reader 則完全覆蓋了 Chrome、FireFox 和 Safari (收費),不管你使用什麼系統和瀏覽器,都可以一鍵得到舒適的深色深色模式體驗。

▍效果展現

Dark Reader 提供了四個可調節的選項:亮度、對比度、棕褐色濾鏡和灰度。你可以透過對這四個選項調整出一個適合你的配置並對網頁進行顏色反轉(本文簡稱:反色),得到你喜歡的那種「五彩斑斕的黑」。

讓所有網站開啟深色模式,試試這個瀏覽器外掛

我的個人配置

我個人略微調高了亮度和對比度,一方面不至於讓整個背景色黑得太過極端,另一方面也避免有些地方因為反色而看不清的情況。

讓所有網站開啟深色模式,試試這個瀏覽器外掛

左:少數派編輯器,右:電商平臺

對於大多數網站來說,Dark Reader 的效果已經相當不錯,比如少數派的線上編輯器、石墨文件這類線上文件編輯器目前是不支援深色模式的,這時候我們就可以用 Dark Reader 來對配色轉換,得到和本地編輯器一樣的舒適體驗;對於像電商平臺這種帶有許多圖片的網站,個人認為反色後的效果也還行。

如果你不像我一樣是個「暗影獵手」,也不太喜歡深色模式,那麼 Dark Reader 的自帶明亮模式依然也是個不錯的選擇,你也可以透過調節當中的引數來找到一個比較合適的米色背景,避免大晚上被純白色背景亮瞎。

讓所有網站開啟深色模式,試試這個瀏覽器外掛

Dark Reader 能適用於大多數網頁,對於適合反色的網頁,你可以手動或者使用快捷鍵來將其新增到「反色列表」中,以便在所有時刻都使其一片漆黑;如果有的網站反色效果不好,那麼就將網址新增到「不反色列表」中即可。

讓所有網站開啟深色模式,試試這個瀏覽器外掛

但是仍有一些受到瀏覽器保護的頁面 Dark Reader 是沒辦法轉換的,比如說 Chrome 網上應用商店……

讓所有網站開啟深色模式,試試這個瀏覽器外掛

另外,如果你不喜歡每次都手動操作,那麼你也可以試試這款軟體提供的自動化選項。透過點選擴充套件中右上角的位置進行設定。這裡 Dark Reader 為我們提供了三種自動化的方式,分別是時間段、經緯度以及跟隨系統。

我們可以點選在對應自動化方式前的來開啟自己喜歡的自動化方式,但需要注意的是:三項只能選其一,如果同時勾選了第一項和第三項,那麼第一項的設定就會被覆蓋掉。我選擇了配合系統深色模式時間,這樣只要天一黑,就能得到徹徹底底的烏漆麻黑。

讓所有網站開啟深色模式,試試這個瀏覽器外掛

你可以在 Chrome 應用商店直接搜尋 Dark Reader 並下載安裝,網路不便的朋友也可以點選這裡進行操作。

安裝完之後如果可以在相應瀏覽器的右上角區域找到一個類似於星球大戰達斯·維達角色的圖示,就可以開啟深色模式暢遊之旅了。

▍尾巴

對於我這種 Dark Mode 的死忠粉來說,只要是軟體能開啟深色模式,那麼無論白天還是黑夜我都會一直開著,甚至是在工作時使用的 IDE 在安裝配置時我都會第一時間找相關的深色主題用以配色。

雖然說 Dark Reader 能對大多數的網頁進行深色模式轉換,但是相比於由設計師「精心調製」進行顏色配比的深色模式來說,你依然可以看得到在一些細節上 Dark Reader 呈現得並不完美,仍有瑕疵。

除此之外,Dark Reader 目前只提供了亮度、對比度、棕褐色濾鏡以及灰度四項可供調節的部分,並且對於一些配色反轉也不是很到位。

但無論如何對我來說已經夠用了,還要什麼腳踏車呢?