【CSS】夜になったら自動でダークモードにする【JavaScript】
2019 年 11 月 24 日
コメントはありません
CSSとJavaScriptの組み合わせで夜になったら自動でダークモードにしてみます。流行ですもんね～
ちなみにこの記事でも18:00～翌06:00に適用されるようになっています。
下記を参考に、適当にヘッダーに入れるなり、該当のブロックにインラインで入れるなりしてみて下さい。
|
1 2 3 4 5 6 7 8 9 |
<script type="text/javascript"> <!-- var now = new Date(); var hour = now.getHours(); if(hour < 6 || hour >= 18){ document.write('<style type="text/css">body{background-color:#10171f;color:#8698a4;}a:link{color:#4c9eeb;}a:visited{color:#5e5ce6;}a:active{color:#fa325a;}</style>'); } --> </script> |
Enjoy!
最近のコメント