EdgyArc-fr配置参数详解：从uc.tweak到af.edgyarc完全指南

【免费下载链接】EdgyArc-frFirefox Userchrome and sidebery style项目地址: https://gitcode.com/gh_mirrors/ed/EdgyArc-fr

EdgyArc-fr是一款专为Firefox设计的用户界面美化与功能增强项目，通过配置参数可以实现从标签栏样式到侧边栏行为的全方位自定义。本文将系统讲解核心配置参数体系，帮助新手轻松掌握从uc.tweak基础设置到af.edgyarc高级特性的完整配置方法。

一、配置参数体系概览

EdgyArc-fr的配置参数主要分为两大体系，分布在项目的CSS文件中：

• uc.tweak：基础功能开关，控制标签栏、上下文菜单等核心界面元素，定义于 chrome/global/tweaks.css
• af.edgyarc：高级界面特性，专注于侧边栏行为、透明度效果等深度定制，主要分布在 chrome/EdgyArc-fr/main.css 和 chrome/EdgyArc-fr/urlbar-tweaks.css

所有参数均通过CSS媒体查询实现条件渲染，典型语法结构为：

@media (-moz-bool-pref: "参数名") { /* 样式定义 */ }

二、uc.tweak基础参数详解

2.1 标签栏核心配置

示例配置：启用悬浮标签并移除分隔线

/* 在userChrome.css中添加 */ @media (-moz-bool-pref: "uc.tweak.floating-tabs") and (-moz-bool-pref: "uc.tweak.remove-tab-separators") { /* 自定义样式 */ }

2.2 上下文菜单优化

• uc.tweak.revert-context-menu：恢复原生上下文菜单样式
• uc.tweak.vertical-context-navigation：垂直排列导航菜单选项
• uc.tweak.context-menu.hide-access-key：隐藏菜单快捷键提示
• uc.tweak.context-menu.hide-firefox-account：隐藏上下文菜单中的Firefox账户选项

这些参数集中定义在 chrome/global/tweaks.css，通过组合使用可以打造极简风格的右键菜单。

2.3 界面细节调整

• uc.tweak.rounded-corners：启用圆角UI元素（影响标签、弹窗等）
• uc.tweak.show-tab-close-button-on-hover：鼠标悬停时显示标签关闭按钮
• uc.tweak.hide-forward-button：隐藏禁用状态的前进按钮
• uc.tweak.hide-newtab-logo：移除新标签页的Firefox标志

三、af.edgyarc高级特性配置

3.1 侧边栏行为控制

侧边栏相关参数定义在 chrome/EdgyArc-fr/autohide-sidebar-modified.css，核心参数包括：

• af.edgyarc.sidebar-always-collapsed：始终折叠侧边栏
• af.edgyarc.autohide-sidebar：启用侧边栏自动隐藏
• uc.tweak.af.sidebar-width-350：将侧边栏宽度调整为350px（默认260px）

配置示例：自动隐藏宽侧边栏

@media (-moz-bool-pref:"af.edgyarc.autohide-sidebar") and (-moz-bool-pref:"uc.tweak.af.sidebar-width-350") { --uc-sidebar-hover-width: 350px; }

3.2 地址栏与导航栏定制

chrome/EdgyArc-fr/urlbar-tweaks.css 提供了丰富的地址栏定制选项：

• af.edgyarc.centered-url：地址栏内容居中显示
• af.edgyarc.minimal-navbar：启用极简导航栏
• af.edgyarc.thin-navbar：减小导航栏高度
• af.edgyarc.edge-sidebar：将侧边栏紧贴窗口边缘

3.3 透明度与视觉效果

macOS用户特别关注的透明度效果参数定义在 chrome/EdgyArc-fr/translucent-base.css：

• af.edgyarc.macos-translucent：启用基础透明效果
• af.edgyarc.macos-more-translucent：增强透明度
• af.edgyarc.bottom-sidebar-header：将侧边栏标题栏移至底部

四、配置方法与最佳实践

4.1 基础配置步骤

1. 克隆项目仓库：

   git clone https://gitcode.com/gh_mirrors/ed/EdgyArc-fr

2. 根据需求修改配置参数，主要配置文件位置：

   • 全局参数：chrome/global/tweaks.css
   • 侧边栏参数：chrome/EdgyArc-fr/autohide-sidebar-modified.css
   • 地址栏参数：chrome/EdgyArc-fr/urlbar-tweaks.css

3. 将配置应用到Firefox：

   • 打开about:support
   • 点击"配置文件夹"打开Profile目录
   • 将chrome文件夹复制到Profile目录
   • 重启Firefox生效

4.2 参数组合推荐

极简标签栏方案

/* 组合参数 */ @media ( -moz-bool-pref: "uc.tweak.floating-tabs" and -moz-bool-pref: "uc.tweak.remove-tab-separators" and -moz-bool-pref: "uc.tweak.disable-drag-space" ) { /* 自定义样式 */ }

macOS透明效果方案

@media ( -moz-bool-pref:"af.edgyarc.macos-translucent" and -moz-bool-pref:"af.edgyarc.minimal-navbar" ) { /* 自定义样式 */ }

五、常见问题解决

Q: 启用悬浮标签后标签栏高度异常？

A: 检查是否同时启用了disable-drag-space，建议添加：

@media (-moz-bool-pref: "uc.tweak.floating-tabs") { :root { --uc-tab-top-margin: 4px !important; } }

Q: 侧边栏自动隐藏不生效？

A: 确保在 chrome/EdgyArc-fr/autohide-sidebar-modified.css 中正确设置：

@media (-moz-bool-pref:"af.edgyarc.autohide-sidebar") { #sidebar-box { transition: width 0.2s ease !important; } }

通过灵活组合uc.tweak和af.edgyarc参数，EdgyArc-fr可以满足从简约到复杂的各种界面定制需求。建议新手从基础参数开始尝试，逐步构建符合个人习惯的Firefox界面。完整参数列表可查阅项目源码中的CSS文件，所有配置均支持实时预览调整。

【免费下载链接】EdgyArc-frFirefox Userchrome and sidebery style项目地址: https://gitcode.com/gh_mirrors/ed/EdgyArc-fr