ArcWTF项目：Firefox侧边栏样式自定义指南

ArcWTF是一个为Firefox浏览器提供现代化界面定制的开源项目。本文将详细介绍如何通过修改CSS样式来自定义Firefox侧边栏的外观，包括颜色主题和圆角效果等视觉元素。

侧边栏颜色主题定制

Firefox的侧边栏颜色可以通过浏览器内置的主题设置进行调整：

1. 在Firefox地址栏输入about:addons进入附加组件管理器
2. 切换到"主题"标签页
3. 选择"Proton"主题以获得最佳兼容性
4. 使用Firefox Color工具或手动修改CSS来调整具体颜色

关键颜色属性包括：

• 工具栏颜色：影响选中标签页和查找栏的显示
• 背景颜色：控制导航栏、浏览器边框和侧边栏标题栏的配色

侧边栏圆角效果实现

ArcWTF项目默认只为侧边栏的特定边角添加了圆角效果。如需进一步自定义，可以修改以下CSS属性：

1. 为侧边栏标题栏添加左上角圆角：

#sidebar-header {
  border-top-left-radius: var(--uc-tweak-rounded-corners-radius) !important;
}

2. 为整个侧边栏添加统一圆角（可能影响自动隐藏状态下的视觉效果）：

#sidebar {
  border-radius: var(--uc-tweak-rounded-corners-radius) !important;
}

侧边栏按钮样式调整

侧边栏中的工具按钮可以通过以下CSS选择器进行样式修改：

.Sidebar .tool-btn {
  background-color: #your_color_code;
}

这个选择器允许开发者自定义侧边栏按钮的背景颜色，实现与整体主题的协调统一。

注意事项

1. 修改CSS前建议备份原始文件
2. 某些样式修改可能需要重启Firefox才能生效
3. 不同Firefox版本可能对CSS属性的支持有所差异
4. 过度修改圆角效果可能影响侧边栏在自动隐藏状态下的显示效果

通过以上方法，用户可以轻松实现Firefox侧边栏的个性化定制，打造符合个人审美的浏览器界面。