實作網頁深色模式及淺色模式的切換

2023年7月24日 — 深色模式將在所有網站上設置深色主題，適合夜間工作的人和深色閱讀器在線閱讀新聞或閱讀書籍。 Super Dark Mode 擴展可以使幾乎所有網站變暗，也可以 ...

可減少網站白色背景造成的眼睛疲勞問題; 支援所有網站使用，包括Google、Facebook 等等; 自由調整色彩細部選項，找出最適合自己閱讀的色彩配置.

Dark Reader 免費 Chrome 黑暗模式擴充外掛 Dark Reader 是一個免費開放源的工具，因此所有功能都通通免費使用，而我曾測試過多數人常用的 Google、Facebook、Twitter、YouTube 等網站，黑暗配色看起來還算不錯，不僅不會太醜，閱讀起來也容易。 安裝方式就跟大多數擴充外掛一樣，進到商店頁面後按右上方加到 Chrome 瀏覽器： 接著就可以開始使用，除了黑暗模式外，也有提供明亮模式，但相較於沒安裝的情況，這套提供的明亮模式可自行調整亮度、對比度、灰度等細節，使用

而且「 Dark Reader 」不只支援Google 與Facebook ，也支援其他網頁，例如下圖是Feedly 閱讀器，轉換成深黑色夜讀主題的效果非常好。 2. 不只黑底，也有暖色底. 在「 Dark ...

2019年10月24日 — 如果喜歡黑底白字、深色閱讀模式的朋友，現在不用另外安裝外掛，可以直接使用Chrome 內建功能囉！ 有興趣的朋友，還可延伸閱讀：［15 款生產力擴充套件 ...

所以一直苦於那些沒有適配深色模式的網頁的我，在不經意間發現了這個能讓網頁強制深色模式的跨平臺外掛——Dark Reader。 Dark Mode 所謂的深色模式（Dark Mode）也可以叫暗黑模式、暗色模式或黑暗模式等，但無論哪一種叫法，只要看到這些字眼時，我們 ...

接著，開啟 Google 首頁，點選右下角的「 設定 」，然後按一下「 深色主題 」來開啟或關閉。 Google 首頁及搜尋結果頁面就會變成黑色的深色主題。 方法 2. 更改 Chrome 外觀設定 第二個方法，我們也可以到 Google 專屬的外觀設定頁面更改為深色模式。 步驟 1. 更改 Chrome 搜尋設定的「外觀」 接著，在 Chrome 瀏覽器的網址列上輸入下面這串網址： https://www.google.com.tw/preferences#appearance 進到該頁面後，將左側的工

而今天更新的Google Chrome 74 版本瀏覽器，讓這個深色模式可以在Windows 系統上開啟了。 雖然說暗黑模式已經內建，但目前Google Chrome 本身尚未具備直接切換深色、淺色 ...

在電腦上開啟深色模式。 Mac：瞭解如何使用深色模式。 Windows：瞭解如何變更桌面背景和顏色。 Chromebook：瞭解如何使用深色模式。 開啟 Chrome。

現在許多 APP 或是網站紛紛支援 Dark Mode 深色主題，例如 Youtube、Chrome、Facebook Messenger…等等，都有提供夜間模式的主題切換。 如果你想要快速幫你的網站也添加 DarK Mode 深色主題的轉換功能，那麼使用今天介紹的「Darkmode.Js」，就能。