豆包网页端自动切换深色模式

2026-04-29 08:111阅读0评论SEO资讯

内容介绍
文章标签
相关推荐

问题描述：

添加到油猴脚本即可

// ==UserScript== // @name 豆包网页版自动主题 // @description 豆包网页版根据系统自动切换浅色/深色主题 // @version 1.1 // @author doubao // @match https://*.doubao.com/* // @grant none // @run-at document-start // ==/UserScript== (() => { const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)'); const getTheme = () => mediaQuery.matches ? 'dark' : 'light'; const raw = Element.prototype.setAttribute; Element.prototype.setAttribute = function (key, val) { if (this === document.documentElement && key === 'data-theme') { val = getTheme(); console.log(`【油猴】[Doubao-Theme] 自动锁定 data-theme = ${val}`); } return raw.call(this, key, val); }; // 监听系统主题变化并实时更新 mediaQuery.addEventListener('change', (e) => { const newTheme = e.matches ? 'dark' : 'light'; console.log(`【油猴】[Doubao-Theme] 系统主题切换，更新 data-theme = ${newTheme}`); raw.call(document.do

阅读全文

标签：油猴脚本

问题描述：
添加到油猴脚本即可
// ==UserScript==
// @name         豆包网页版自动主题
// @description  豆包网页版根据系统自动切换浅色/深色主题
// @version      1.1
// @author       doubao
// @match        https://*.doubao.com/*
// @grant        none
// @run-at       document-start
// ==/UserScript==

(() => {
  const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
  const getTheme = () => mediaQuery.matches ? 'dark' : 'light';

  const raw = Element.prototype.setAttribute;
  Element.prototype.setAttribute = function (key, val) {
    if (this === document.documentElement && key === 'data-theme') {
      val = getTheme();
      console.log(`【油猴】[Doubao-Theme] 自动锁定 data-theme = ${val}`);
    }
    return raw.call(this, key, val);
  };

  // 监听系统主题变化并实时更新
  mediaQuery.addEventListener('change', (e) => {
    const newTheme = e.matches ? 'dark' : 'light';
    console.log(`【油猴】[Doubao-Theme] 系统主题切换，更新 data-theme = ${newTheme}`);
    raw.call(document.do

阅读全文

标签：油猴脚本

相关推荐

相关推荐

`相关推荐`

`相关推荐`