WhiteSur-gtk-theme项目：为Firefox打造macOS Safari风格主题指南

概述

WhiteSur-gtk-theme项目提供了一套完整的CSS样式方案，能够将Firefox 80+版本的界面改造成类似macOS Safari浏览器的视觉风格。该主题基于现有的Firefox GNOME主题进行二次开发，特别针对macOS的视觉特性进行了优化。

主题特色

1. Safari风格界面：完美复刻macOS Safari浏览器的标签栏、地址栏和整体布局
2. 两种风格可选：
   • 经典WhiteSur风格
   • Monterey风格（macOS最新系统UI风格）
3. 自适应颜色支持：可根据系统主题自动切换亮/暗色模式
4. 高度可定制：支持调整地址栏两侧按钮数量

安装方法

基础安装

打开终端，进入项目目录后执行：

./tweaks.sh -f

Monterey风格安装

如需使用Monterey风格，执行：

./tweaks.sh -f monterey

Monterey风格高级配置

Monterey风格需要特别注意地址栏两侧按钮数量的配置：

1. 首先确定地址栏左侧和右侧的按钮数量（各3-5个）
2. 执行安装命令时指定按钮数量，格式为左+右，例如：

./tweaks.sh -f monterey 5+3

或者通过编辑配置文件手动调整：

1. 执行命令打开编辑器：

./tweaks.sh -f monterey -e

2. 在打开的配置文件中，取消注释对应的按钮数量配置：

/* 左侧按钮数量选择（3/4/5选一） */
@import "Monterey/left_header_button_3.css";
/*@import "Monterey/left_header_button_4.css";*/
/*@import "Monterey/left_header_button_5.css";*/

/* 右侧按钮数量选择（3/4/5选一） */
@import "Monterey/right_header_button_3.css";
/*@import "Monterey/right_header_button_4.css";*/
/*@import "Monterey/right_header_button_5.css";*/

自适应颜色版本

如需使用自适应颜色版本（随系统主题自动切换）：

1. 首先安装Adaptive Tab Bar Colour插件
2. 执行安装命令：

./tweaks.sh -f adaptive

手动安装步骤

1. 在Firefox地址栏输入about:support打开支持页面
2. 在"应用程序基础"部分找到"配置文件夹"，点击"打开目录"
3. 将项目中的chrome文件夹复制到此目录
4. 对于Firefox 69+版本：
   • 在地址栏输入about:config
   • 搜索toolkit.legacyUserProfileCustomizations.stylesheets并设为true
5. 重启Firefox
6. 进行界面自定义：
   • 在自定义面板中使用"标题栏"选项切换CSD(客户端装饰)
   • 将新建标签页按钮移动到标题栏
   • 在主题切换器中选择亮色或暗色变体

可选功能启用

在chrome目录下的userChrome.css文件中，可以找到被注释的可选功能。要启用这些功能：

1. 使用文本编辑器打开该文件
2. 移除对应功能前的注释符号/* */
3. 保存文件并重启Firefox

建议将自定义配置单独保存到customChrome文件中，以避免主题更新时配置丢失。

常见问题解决

CSD(客户端装饰)边角锐利问题

Wayland环境解决方案：

1. 访问about:config
2. 搜索layers.acceleration.force-enabled并设为true
3. 重启Firefox

X11环境解决方案：

1. 访问about:config
2. 搜索mozilla.widget.use-argb-visuals
3. 添加为布尔值并设为true
4. 重启Firefox

开发调试技巧

如需自定义样式或调试UI：

1. 打开开发者工具(F12)
2. 在选项中启用：
   • "启用浏览器Chrome和附加组件调试工具箱"
   • "启用远程调试"
3. 关闭工具后按Ctrl+Alt+Shift+I可检查浏览器UI

注意事项

1. 主题仅支持Firefox 80及以上版本
2. 部分功能需要Firefox的特定配置选项支持
3. 主题更新可能会覆盖自定义配置，建议保留配置备份

通过以上步骤，您可以在Linux系统上让Firefox获得与macOS Safari高度一致的视觉体验，同时保持Firefox的强大功能和扩展性。