Bootstrap 4 Dark Mode Switch

5 ก.พ. 2020 , 1,901 Views   , หมวดหมู่ WebDesign โค๊ดดิ้ง   , ป้ายกำกับ:, ,


หากเว็บไซต์ของเราใช้ Bootstrap อยู่แล้ว เพื่อถนอมสายตา เราสามารถทำให้เว็บเรา สลับโหมดระหว่าง Light Mode กับ Dark Mode สำหรับ Bootstrap 4 ได้ครับ

ตัวอย่าง https://coliff.github.io/dark-mode-switch/index.html

 

เริ่มแรกให้ดาวน์โหลดไฟล์ตามลิ้งค์นี้ครับ https://github.com/coliff/dark-mode-switch

ดาวน์โหลดมาเราจะได้ไฟล์หลักๆอยู่ 2 ไฟล์คือ

dark-mode.css
dark-mode-switch.min.js

แล้วลองโค๊ดตามตัวอย่างด้านล่างครับ

 

 


ป้ายกำกับ:, ,