如何将Chrome DevTools更新后的蓝色背景恢复为原灰/黑色？

• 方法1：DevTools内置设置切换
  打开DevTools（快捷键F12或Ctrl+Shift+I），点击右上角的设置图标（⚙️），切换到Preferences标签，在Appearance区域找到Theme选项，将默认的“Blue”切换为“Dark”或“Light”，设置后背景会立即变回原灰/黑色系。

• 方法2：通过Chrome实验性功能强制修改

  1. 在Chrome地址栏输入 chrome://flags 并回车
  2. 在搜索框输入 DevTools theme，找到DevTools Dark Mode选项
  3. 将该选项设置为Enabled，重启Chrome后DevTools会恢复深色灰/黑色背景

• 方法3：自定义CSS覆盖（针对特殊情况）
  如果前两种方法无效，可通过自定义样式强制替换背景：

  1. 打开DevTools按F1进入设置，在Experiments中勾选Allow custom UI themes
  2. 找到Chrome用户样式表目录：
     • Windows路径：C:\Users\[你的用户名]\AppData\Local\Google\Chrome\User Data\Default\User StyleSheets
     • Mac路径：~/Library/Application Support/Google/Chrome/Default/User StyleSheets
  3. 在目录下创建或编辑Custom.css，添加以下代码：

     .devtools-theme-blue {
       --sys-color-surface: #1e1e1e !important;
       --sys-color-surface-variant: #2d2d2d !important;
       --sys-color-background: #1e1e1e !important;
     }
     

  4. 重启Chrome，DevTools背景会被强制替换为原深色系灰黑色

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