能否通过Google Chrome扩展实现Roblox网站主题切换？

别死磕公开API文档，Roblox很多用户设置接口没放到公开文档里，手动遍历DOM改元素色值的方案效率极低，给你三个从优到劣的可落地方案：

方案1：调用原生主题设置接口（效果最完美，和用户手动开深色模式完全一致） #

• 你自己打开Roblox网页，开DevTools的网络面板，手动在设置里切一次主题，过滤账户设置域名相关的请求就能抓到实际的设置接口，核心参数逻辑：
  • 接口路径为 /v1/themes/user
  • 请求方法为 PATCH，请求体传JSON格式的{"darkThemeEnabled": true}
  • 扩展发请求时配置credentials: "include"自动携带用户站点身份Cookie，不需要手动获取
  • 注意要先从页面head里的X-CSRF-TOKENmeta标签拿校验token，放到请求头同名字段里，不然会返回403
• 接口调用成功后Roblox前端会自动拉取主题配置、全站加载原生深色样式，所有新老组件、动态加载内容都能自动适配，完全不用你自己写样式覆盖。

方案2：本地劫持主题标识（不需要发请求修改用户账户设置，权限要求低） #

• 如果你不想改用户的账户级主题设置，只需要在本地访问时强制深色，直接利用Roblox前端自带的主题判断逻辑就行，不需要自己写样式：
  1. 扩展的content script配置run_at: "document_start"，保证在页面渲染前执行
  2. 脚本启动后立刻把localStorage里的rbx-theme字段值改为"dark"
  3. 用MutationObserver监听html根节点，一旦节点加载完成就把它的data-theme属性设为dark，后续如果页面脚本把这个属性改回light，立刻强制改回dark
• 这个方案完全复用Roblox自带的深色样式，不会有样式冲突，也不会修改用户账号的实际设置，关闭扩展就能恢复原样。

方案3：CSS变量全局覆盖（适合需要自定义深色样式的场景） #

• 如果需要做自定义的深色风格，别遍历DOM改每个元素的内联样式，Roblox全站颜色都是基于CSS自定义属性实现的，你只要注入一段全局样式覆盖根节点的颜色变量即可：

/* 注入到页面的全局CSS */
html[data-theme="dark"] {
  --text-color: #bdbebf;
  --page-bg: #232527;
  --card-bg: #2d2f31;
  --border-color: #393b3d;
  /* 其余变量直接在DevTools元素面板选中html标签，查看所有--开头的颜色属性，对应替换成你要的深色值即可，总共仅几十个变量，维护成本极低 */
}

• 只要Roblox不重构CSS变量命名，页面迭代更新你的样式都不会失效，比逐个元素适配效率高几个量级。

踩坑提示：不要用全量DOM遍历改内联样式的方案，不仅性能差会导致页面卡顿，动态加载的弹窗、信息流、新组件你根本监听不全，很容易出现漏改的浅色块。

内容的提问来源于stack exchange，提问作者Andrey_Developer