问题描述
希望设置一个针对所有网页的暗色主题,而不只是 Chrome 界面的主题,在 Android 上通常可以通过调整设置来改变界面的颜色设置。但这种方案并不能适用于所有网站上的页面。因此想要知道是否有可以自定义网页暗色主题的方法。
解决方案
方案1
使用第三方扩展进行全站暗色主题的设置。
步骤一:安装 Morpheon Dark 扩展
https://chrome.google.com/webstore/detail/morpheon-dark/mafbdhjdkjnoafhfelkjpchpaepjknad?hl=en
实现方式:
- 在 Chrome 浏览器内搜索此扩展;
- 点击“添加至 Chrome”并完成安装。
- 安装后,Morpheon Dark 扩展会自动对所有网页应用其默认的暗色主题风格。
优势与局限
- 优点:该方法适用于大多数网站,并提供了良好的兼容性及可定制性;
- 局限:某些网站可能会因自身的设计实现而忽略或不响应这类扩展,导致依旧显示原有的主题样式。
方案2
通过 CSS Injection 进行局部页面主题的调整(但需具备一定的技术知识与条件)。
实验过程:
- 根据此问答,该方法主要依赖于浏览器扩展或插件提供的 CSS 操作功能。
- 一个简单的实现手段是使用
userChrome.css
和userContent.css
文件来局部更改浏览内容,这种方法适用于部分具有高级用户访问权限的特定操作系统版本。
步骤:
- 使用 Chrome 浏览器时,在地址栏输入
chrome://version/
,查看兼容设置; - 下载或创建包含必要 CSS 代码的自定义配置文件(如userChrome.css、userContent.css);
- 打开 Chrome 设置 > 儿童安全模式 > 高级设置 > 复制用户的 CSS 和主题数据到本地文件。
- 将这些数据复制到自定义的主题目录,并在其中添加你的 CSS 代码进行网页改色。
引用:
- 关于此方法的应用环境,请确保已处于较新的 Android 版本,以便获取相应的高级设置及扩展支持;
- 实施之前需要熟悉浏览器内核相关知识以及 CSS 编程技术。
注意:
根据评论用户的描述,其使用的 Chrome for Android 版本为 79.0.3945.136 。可能某些网站会出现上述方法适用性不强的表现,建议多次尝试并在支持的站点上体验最佳效果。
正文完