為DZ加入深色模式

iothk

請尊重智慧產權,轉載包括原著資訊,感謝合作及使用
原著 : Internet of Talking講聯網
code修正參照  :  https://github.com/sandoche/Darkmode.js
./template/default/common/ 下的文件
footer.htm
找

1. </body>

複製代碼

上面加入

1. <script src="https://cdn.jsdelivr.net/npm/[email protected]/lib/darkmode-js.min.js"></script><script>
   
2.   function addDarkmodeWidget() {
   
3.     new Darkmode().showWidget();
   
4.   }
   
5.   window.addEventListener('load', addDarkmodeWidget);
   
6. </script>

複製代碼

預設情況下 Darkmode.js 會在網站右下角顯示切換深色模式按鈕，如果不喜歡也可以把它隱藏起來，只有在使用深色模式的使用者進入網站時才會切換，請參考網站提供的程式碼。

如果想調整切換按鈕的位置、顏色和圖示，可在 Options 找到相關程式碼進行微調。