如何为 Chrome for Android 设定全局暗色主题?

6次阅读
没有评论

问题描述

希望设置一个针对所有网页的暗色主题,而不只是 Chrome 界面的主题,在 Android 上通常可以通过调整设置来改变界面的颜色设置。但这种方案并不能适用于所有网站上的页面。因此想要知道是否有可以自定义网页暗色主题的方法。

解决方案

方案1

使用第三方扩展进行全站暗色主题的设置。

步骤一:安装 Morpheon Dark 扩展

https://chrome.google.com/webstore/detail/morpheon-dark/mafbdhjdkjnoafhfelkjpchpaepjknad?hl=en

实现方式:

  1. 在 Chrome 浏览器内搜索此扩展;
  2. 点击“添加至 Chrome”并完成安装。
  3. 安装后,Morpheon Dark 扩展会自动对所有网页应用其默认的暗色主题风格。

优势与局限

  • 优点:该方法适用于大多数网站,并提供了良好的兼容性及可定制性;
  • 局限:某些网站可能会因自身的设计实现而忽略或不响应这类扩展,导致依旧显示原有的主题样式。

方案2

通过 CSS Injection 进行局部页面主题的调整(但需具备一定的技术知识与条件)。

实验过程:

  1. 根据此问答,该方法主要依赖于浏览器扩展或插件提供的 CSS 操作功能。
  2. 一个简单的实现手段是使用userChrome.cssuserContent.css文件来局部更改浏览内容,这种方法适用于部分具有高级用户访问权限的特定操作系统版本。

步骤:

  1. 使用 Chrome 浏览器时,在地址栏输入 chrome://version/,查看兼容设置;
  2. 下载或创建包含必要 CSS 代码的自定义配置文件(如userChrome.css、userContent.css);
  3. 打开 Chrome 设置 > 儿童安全模式 > 高级设置 > 复制用户的 CSS 和主题数据到本地文件。
  4. 将这些数据复制到自定义的主题目录,并在其中添加你的 CSS 代码进行网页改色。

引用:

  1. 关于此方法的应用环境,请确保已处于较新的 Android 版本,以便获取相应的高级设置及扩展支持;
  2. 实施之前需要熟悉浏览器内核相关知识以及 CSS 编程技术。

注意:
根据评论用户的描述,其使用的 Chrome for Android 版本为 79.0.3945.136 。可能某些网站会出现上述方法适用性不强的表现,建议多次尝试并在支持的站点上体验最佳效果。

正文完