Notice
Recent Posts
Recent Comments
Links
«   2024/11   »
일 월 화 수 목 금 토
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
Tags more
Archives
Today
In Total
관리 메뉴

A Joyful AI Research Journey🌳😊

Dark mode functionality: Darkmode.js, Dark Reader 본문

💖My Bootcamp Projects Logs✨/Team Project Resources

Dark mode functionality: Darkmode.js, Dark Reader

yjyuwisely 2023. 6. 7. 07:00

Darkmode.js
https://darkmodejs.learn.uno/

 

Darkmode.js

darkmode.js 🌓 Add a dark-mode / night-mode to your website in a few seconds This library uses the css mix-blend-mode in order to bring Dark-mode to any of your websites. Just copy paste the snippet and you will get a widget to turn on and off the dark-m

darkmodejs.learn.uno

<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" type="text/css" href="styles.css">
  <script src="darkmode.js"></script>
  <script>
    const darkmode = new Darkmode();
    darkmode.showWidget();

    // You can also listen to the toggle event
    darkmode.onChange = () => {
      // Perform actions when the mode is toggled
    };
  </script>
</head>
<body>
  <h1>Welcome to My Webpage</h1>
</body>
</html>

Dark Reader
https://darkreader.org/

 

Dark Reader — dark theme for every website

Dark mode on all websites. Care your eyes, use Dark Reader for night and daily browsing. For Chrome and Firefox, Edge and Safari.

darkreader.org

https://github.com/darkreader/darkreader

 

GitHub - darkreader/darkreader: Dark Reader Chrome and Firefox extension

Dark Reader Chrome and Firefox extension. Contribute to darkreader/darkreader development by creating an account on GitHub.

github.com

 

728x90
반응형
저작자표시 비영리 동일조건

'💖My Bootcamp Projects Logs✨ > Team Project Resources' 카테고리의 다른 글

Java links: decoding URL  (0) 2023.06.09
Spring 상품 상세 보기, @PathVariable 링크  (0) 2023.06.07
DataTables: Table plug-in for jQuery  (0) 2023.06.02
카카오 map API 발급, 마커 초기화, 커스터마이징 등 링크글  (0) 2023.05.24
'💖My Bootcamp Projects Logs✨/Team Project Resources' Related Articles more
Comments