Darkmode.js 為網站加入深色模式,只要一段程式碼就能實現

Darkmode.js 為網站加入深色模式,只要一段程式碼就能實現
Copyright : Brian Jackson / 123RF Stock Photos

macOS 10.14 Mojave 加入全新「深色模式」功能,iOS 13 預告也會加入此模式,如果你曾經將電腦切換為深色,應該會發現有些應用程式可完美支援,也會一併轉為暗色介面,但在不支援深色模式的應用程式表現出來的顏色會更刺眼,嚴重影響到使用體驗。如果你是應用程式開發者,可能後續都得再加上對於深色模式的支援,讓顏色更接近暗色,亦可在使用者選擇不同模式時自動調整為最合適的配色效果。

如何讓 macOS Mojave 只有選單列和 Dock 套用深色模式?

如何讓 macOS Mojave 只有選單列和 Dock 套用深色模式?
Copyright : Dzmitry Kliapitski / 123RF Stock Photos

將時間拉回 2014 年,蘋果為 OS X Yosemite(10.10)加入暗色模式,可以將選單部分改為黑色,後來這個功能不斷改進,我目前 MacBook 使用的舊版 10.12 暗色選單加上 Dock 的模式仍是我最喜歡的選擇。Mojave 後則是更為完整的「暗色模式」進化,將視窗和桌面一併都調整為深色顯示,許多應用程式也陸續加入對於這個模式的支援,在不同的顯示模式下呈現不同的介面配色效果,讓程式跟 macOS 有更好的整合。

Sblack 免費下載 Slack 輕量化 Mac 應用程式,內建深色模式功能

Sblack 免費下載 Slack 輕量化 Mac 應用程式,內建深色模式功能

我斷斷續續有在使用 Slack ,不過並沒有很深入研究,只知道 Slack 是一款適合企業項目合作的平台,可以建立自己的工作區,在線上聊天、分享檔案或發佈內容等等,大部分時候我都是直接以瀏覽器操作,而 Slack 其實也有官方開發的原生應用程式,使用 Electron 作為軟體框架,但在 macOS 部分似乎不那麼好用,除了檔案太大、過度佔用記憶體,也沒有支援 Mojave 之後的深色模式。

NightOwl 快速切換 macOS 淺深色模式,依照日出日落時間自動排程調整

NightOwl 快速切換 macOS 淺深色模式,依照日出日落時間自動排程調整

macOS Mojave(10.14)開始加入一項全新「黑暗模式」功能,簡單來說就是可以調整淺色或深色外觀,使用白天或黑夜的沙漠桌布,當然 Apple 也提供 API 讓開發者可以將應用程式改為深色模式,現在的應用程式已經陸陸續續開始支援此設計,有時候感覺整體介面亮度太高,感到刺眼或難以閱讀,就能切換為深色模式使亮度降低,也更適合在夜間或環境光線不足的情況下使用。這個選項存在於系統偏好設定中,還不知道的朋友可以去試試看。

Midnight Lizard 讓所有網站都有夜間模式瀏覽效果(Chrome 擴充功能)

Midnight Lizard 讓所有網站都有夜間模式瀏覽效果(Chrome 擴充功能)
(Copyright: peterzayda / 123RF Stock Photo

今年初 macOS 加入「夜間模式」(Night Shift),而更早之前 iOS 其實就已經有這項功能,可根據使用者所在時區自動調整螢幕亮度(或者說調整色溫),這麼做往往能避免夜間使用時亮度太強而影響睡眠品質,其實深色模式也在不少服務或應用程式出現,例如 YouTube 或手機上的 Twitter、Inoreader 等等,但兩者不太一樣,深色模式通常會有新的配色,也更能配合使用者的使用習慣。

體驗 YouTube 全新版面設計,立即啟用白色及深色模式免外掛

體驗 YouTube 全新版面設計,立即啟用白色及深色模式免外掛

如果你還記得,上個月我曾介紹國外網友發現的秘技「啟用 YouTube 隱藏深色模式教學,任何瀏覽器皆可使用免下載外掛」,透過小技巧來開啟 YouTube 尚未正式對外開放的深色模式設計,尤其夜間觀賞影片亮度不足時,就不用擔心白色背景會太過刺眼。不僅如此,新的設計也讓原有「劇院模式」影片顯示範圍加大,盡可能充分利用播放影片時的螢幕空間。

啟用 YouTube 隱藏「深色模式」教學,任何瀏覽器皆可使用免下載外掛

啟用 YouTube 隱藏「深色模式」教學,任何瀏覽器皆可使用免下載外掛

現今有非常多影片空間可以上傳、分享影片,如果你經常使用中國大陸的影音平台,應該會發現幾乎都有所謂「關燈」功能,這是什麼呢?簡單來說,就是在使用者觀看影片時自動把影片以外的部分變暗處理,除了能更加專注在影片內容外,長時間觀看也比較不會對眼睛造成負擔。很可惜影音平台龍頭 YouTube 至今仍沒有內建這項功能,必須要透過第三方瀏覽器外掛才能做到。