位置:首页 > 综合教程 > 宙斯浏览器夜间模式小说背景色不生效原因

宙斯浏览器夜间模式小说背景色不生效原因

时间:2026-06-05  |  作者:318050  |  阅读:0

在宙斯浏览器中,小说类网页的夜间模式背景色常常无法变暗。这通常是因为网站使用了内联样式或高优先级的CSS,锁死了background-color。浏览器自带的深色主题无法覆盖这种硬编码的值。要解决这个问题,必须借助外部工具,在DOM加载后强制注入更高权重的样式规则。

确认问题:是否被网页自身样式覆盖?

先诊断问题出在哪。打开小说页面,点击地址栏右侧的【阅读模式】图标(书本形状)。

如果进入阅读态后背景变暗了,说明网页本身没有适配深色模式,且CSS存在强绑定的背景色。此时,原生夜间模式只作用于浏览器UI,不会干预网页内容层。

如果阅读模式也没用,可以长按页面空白处,选择【检查元素】。切换到【Styles】面板,展开body#content等主容器节点,看看是否有类似 background-color: #ffffff !important; 的声明。如果有,说明网页样式把颜色锁死了,必须靠外部手段来覆盖。

方案一:用Dark Reader扩展强制重绘背景

Dark Reader是解决这类问题的利器。有两种操作方式:

方法一:启用全局滤镜并调低背景亮度

  • 点击右上角Dark Reader图标(如果还没装,先去【扩展中心】搜索添加)。
  • 启用后再次点击图标,进入【设置】→【过滤强度】。
  • 将“背景亮度”滑块拖到50%–65%之间。这样网页背景会被压成深灰色而非纯黑色,既能护眼,又不会让文字反光刺眼。

方法二:为小说站单独配置白名单+自定义滤镜

  • 点击Dark Reader图标 → 【站点列表】→ 输入小说网站的域名(比如xiaoshuo.com),选择“启用 Dark Reader”
  • 点击右侧的齿轮图标,在【自定义过滤器】中粘贴以下代码:
body { background-color: #1e1e2e !important; }
  • 保存后刷新页面。注意:自定义过滤器中的!important必须保留,否则无法覆盖网页的内联样式。

方案二:通过Tampermonkey脚本精准覆盖背景色

如果需要更精细的控制,Tampermonkey脚本是个好选择。按以下步骤操作:

  1. 安装Tampermonkey并创建新脚本:去官方渠道下载安装Tampermonkey,重启浏览器后点击图标,选择【创建新脚本】。
  2. 粘贴并修改脚本代码:删除模板内容,粘贴以下代码:
    // ==UserScript==
    // @name         小说页强制深色背景
    // @match        *://*.xiaoshuo.com/*
    // @match        *://novel.example.net/*
    // @grant        none
    // ==/UserScript==
    
    (function() {
      'use strict';
      const style = document.createElement('style');
      style.textContent = 'body, .content, #main { background-color: #16161d !important; }';
      document.head.appendChild(style);
    })();
  3. 替换匹配域名与颜色值:将@match行中的xiaoshuo.comnovel.example.net改为你要适配的小说站实际域名;将#16161d替换成你想要的深色十六进制值,比如#24283b(紫灰)或#0f1117(近黑)。
  4. 保存并启用脚本:点击左上角【文件】→【保存】,确保右上角Tampermonkey图标显示为橙色启用状态。刷新小说网页,背景色就生效了。

来源:整理自互联网
免责声明:文中图文均来自网络,如有侵权请联系删除,心愿游戏发布此文仅为传递信息,不代表心愿游戏认同其观点或证实其描述。

相关文章

更多

精选合集

更多

大家都在玩

热门话题

大家都在看

更多