Darkmode.Js – 快速幫網站加入 Dark Mode 深色主題、黑暗版本、夜間模式自動轉換功能

現在許多 APP 或是網站紛紛支援 Dark Mode 深色主題，例如 Youtube、Chrome、Facebook Messenger…等等，都有提供夜間模式的主題切換。

如果你想要快速幫你的網站也添加 DarK Mode 深色主題的轉換功能，那麼使用今天介紹的「Darkmode.Js」，就能幫助你快速實現一鍵自動轉換黑暗模式的功能。讓你的網站也能像其他大企業的網站一樣，可以快速的切換成夜間模式的樣式。

網站名稱：Darkmode.Js
網站連結：https://darkmodejs.learn.uno/

Darkmode.Js 教學

要利用 Darkmode.Js 實現 Dark Mode 深色主題功能非常簡單。首先，只需要將下列的程式碼加入網站當中：

加入後，你就可以使用 Darkmode.Js 當中的 Option 函數，來對你的切換按鈕樣式進行設定。因此，你就能隨意更改切換深色主題按鈕的位置、顏色、觸發時間或顯示的 icon…等等。

然後你可以用option 代碼對模式切換按鈕的樣式、位置進行個性化設置，比如左還是右，底色、觸發時間、裡面的icon 等等元素。

因此，透過以上簡單的方式就能快速地替你的網站加入 Dark Mode 深色主題的暗黑版本模式。

Darkmode.Js with WordPress

如果你目前使用的是 WordPress 網站，那麼目前也有人利用基於 Darkmode.js 開發的 WordPress 外掛，讓你的 WordPress 網站也能快速應用 Darkmode.js 的深色主題模式：

Blackout: Dark Mode Widget

Author(s): José Sotelo

Current Version: 1.3.0

Last Updated: 2019-08-22

blackout-darkmode-widget.zip

100%Ratings 70+Installs WP 4.7+Requires

這兩個 WordPress 外掛都能夠幫助你的 WordPress 網站快速實現基於 Darkmode.Js 的夜間模式，安裝後就能馬上顯示切換的按鈕了。

讓我們來看一下在 TechMoon 網站當中的實際展示吧：

如果你想要了解更多有關 Darkmode.Js 的資訊，可以前往官網了解更多。

今天的介紹就到這裡，如果你喜歡今天的介紹，不妨幫忙分享出去，讓更多人知道。也歡迎在下方留下你的成果展示！