ハーメルン自動黑暗模式

根據瀏覽器的佈景主題設定,自動從明亮和黑暗模式間切換。

  1. // ==UserScript==
  2. // @name Auto Dark Mode for Hameln
  3. // @name:zh-TW ハーメルン自動黑暗模式
  4. // @description Automatically switch the theme between light and dark, based on the browser’s color scheme preference.
  5. // @description:zh-TW 根據瀏覽器的佈景主題設定,自動從明亮和黑暗模式間切換。
  6. // @icon https://icons.duckduckgo.com/ip3/syosetu.org.ico
  7. // @author Jason Kwok
  8. // @namespace https://jasonhk.dev/
  9. // @version 1.0.3
  10. // @license MIT
  11. // @match https://syosetu.org/*
  12. // @run-at document-idle
  13. // @grant none
  14. // @supportURL https://gf.qytechs.cn/scripts/449361/feedback
  15. // ==/UserScript==
  16.  
  17. const toggle = document.getElementById("nightmode_check");
  18. const query = matchMedia("(prefers-color-scheme: dark)");
  19.  
  20. query.addEventListener("change", updateTheme);
  21. updateTheme(query);
  22.  
  23. function updateTheme({ matches: isDarkMode })
  24. {
  25. if (toggle.checked !== isDarkMode)
  26. {
  27. toggle.click();
  28. }
  29. }

QingJ © 2025

镜像随时可能失效,请加Q群300939539或关注我们的公众号极客氢云获取最新地址