有些時候我們喜歡大半夜不睡覺刷抖音，突發奇想為什麼我們不能讓網站在夜間的時候自動打開夜間模式，讓網頁背景變暗，讓圖片變暗，這樣那些夜貓觀看我們的網站時候就不會那麼刺眼.
首先第一步，在您的頁面Footer檔加入以下JS代碼。
加好之後在您的頁面body處加入php判斷，這樣當檢測到cookie相關欄位時直接輸出body的class為night，已防止頁面閃爍。
<body class="<?php echo($_COOKIE['night'] == '1' ? 'night' : ''); ?>">最後再將網站中所有需要變暗的地方調整其css，已達到變暗效果，具體css調整示例可看下方
body.night 需要調整的區塊{
background-color: #000000;
color: #aaa;
}
body.night img {
filter: brightness(30%);
}這樣當晚上9點到白天6點之間，網站打開時就自動會變成暗黑模式。 當然，你也可以加一個按鈕，來手動控制打開關閉暗黑模式。
按鈕代碼：
<a href=“javascript：switchNightMode（）” target=“_self”>Dark</a>