Firefox UI的转变：如何在新版本里使用旧的ui和主题

 

火狐浏览器常见的UI有以下几种：

 - Photon：这是Firefox 88及之前版本使用的旧设计。具有简洁的风格，在布局、图标样式等方面有自身特点，部分老用户对其界面布局和操作方式较为熟悉和怀念。

- Proton：从Firefox 89开始采用的新设计。整体给人感觉较为新颖，菜单组织更整齐，图标设计精美，色彩搭配和谐，界面圆角处理柔和，模态窗口和滚动条等交互体验有优化。不过也存在一些被用户诟病的问题，比如标签和按钮区分不明显、菜单图标位置改变、Activity - Stream中图标过小、填充间隙大等。

- 通过扩展或项目实现的自定义UI：例如前文提到的GitHub上的Firefox - UI - Fix（Lepton）项目，它可以将火狐浏览器的UI改成类似36版本之前的样式，还提供两种模式，一种是完全复刻旧版样式，另一种是在Proton基础上优化的模式 。用户可以根据自己的喜好和使用习惯，利用这类项目对火狐UI进行定制。

 

揭秘：用Lepton还原你的火狐浏览器UI

 

一、引言

 

在浏览器的世界里，火狐浏览器一直以其强大的自定义性和丰富的扩展生态吸引着众多用户。然而，自Firefox 89引入全新的Proton设计后，不少用户对其界面产生了复杂的情感。作为一个热衷于探索浏览器个性化定制的爱好者，我偶然在GitHub上发现了一个名为Lepton（旧称Proton Fix）的神奇项目，它就像一把钥匙，能够开启通往经典与个性化融合的大门，今天就来和大家详细分享这个项目。

项目地址：https://github.com/black7375/Firefox-UI-Fix

二、项目背景与起源

 

Proton作为Firefox从89版本开始采用的新设计，无疑带来了一些令人眼前一亮的改变。从整体布局来看，菜单被更整齐地组织起来，就像一个精心整理过的书架，所有功能触手可及；图标设计精美，甚至让人联想到Edge浏览器的精致风格，色彩搭配也十分和谐，给人一种清新舒适的视觉感受；界面的圆角处理恰到好处，既增添了柔和感，又不失现代气息；还有那优化后的模态窗口和滚动条，交互体验更加流畅自然。

 

然而，金无足赤。Proton设计也存在一些让部分用户不太满意的地方。例如，标签和按钮的区分有时不够明显，让人在操作时产生困惑；菜单图标位置的改变，使得老用户需要花费时间去重新适应；ActivityStream中的图标过小，难以快速识别；而且，界面中的填充间隙过大，导致空间利用不够紧凑。更让人无奈的是，地址栏的三点菜单和截图功能移动到了工具栏，并且这个问题目前还无法通过常规方式解决。

 

正是在这样的背景下，Lepton项目应运而生。项目开发者希望通过这个项目，对Proton设计进行优化和改进，弥补那些让人不太满意的地方，同时也为用户提供更多的选择，让大家能够根据自己的喜好定制出独一无二的火狐浏览器界面。

 

三、Lepton功能全解析

 

（一）经典回归与模式切换

 

Lepton的核心功能之一就是能够将火狐浏览器的UI切换到类似于36版本之前的样式，也就是我们熟悉的Photon设计风格。对于那些怀念旧版界面简洁高效的用户来说，这无疑是一个巨大的惊喜。不仅如此，Lepton还提供了两种模式供用户选择。一种是纯粹的Photon风格，完全复刻旧版的每一个细节，从菜单布局到按钮样式，都能让你瞬间找回曾经的使用习惯；另一种则是在Proton基础上进行优化的模式，保留了Proton的一些现代化设计元素，同时又对上述提到的一些不足之处进行了改进，例如调整了图标大小和填充间隙，让界面更加美观和实用。

 

（二）个性化定制细节

 

通过Lepton，你可以对浏览器的各个部分进行细致的调整。比如，解决标签底部角落出现黑色像素的问题，只需按照安装指南操作，或者在about:config中设置svg.context-properties.content.enabled为true即可；如果遇到关闭按钮和一些面板菜单图标不可见的情况，同样可以参考安装指南，或者将icons目录复制到chrome文件夹中。不过，需要注意的是，在使用photon - style模式时，面板中的图标数量可能会比以前少，这是因为开发者没有像以前那样放置所有图标。

 

四、安装指南：轻松上手

 

（一）自动化安装（实验性）

 

- Linux/Mac用户：在终端中输入bash -c "$(curl -fsSL https://raw.githubusercontent.com/black7375/Firefox-UI-Fix/master/install.sh)"，即可轻松完成安装。这种方式就像一键安装软件一样便捷，大大节省了时间和精力。

 

- Windows用户：使用Powershell运行Powershell -c "Set-ExecutionPolicy Bypass -Scope Process -Force; [System.Net.ServicePointManager]::SecurityProtocol = [System.Net.ServicePointManager]::SecurityProtocol -bor 3072; iwr https://raw.githubusercontent.com/black7375/Firefox-UI-Fix/master/install.ps1 -useb | iex"。不过需要注意的是，该方法在Win7系统中可能无法正常工作。

 

（二）手动安装步骤

 

下载文件：在GitHub项目页面，点击绿色的“:arrow_down: Code”按钮，然后选择“:package: Download ZIP”，将项目文件下载到本地。这一步就像在网上下载任何一个压缩包一样简单。

 

找到你的火狐浏览器配置文件目录：在浏览器中打开about:support，在新页面中找到“Profile Directory(Linux) / Profile Folder(Windows)”这一项，然后点击对应的“Open Directory(Linux) / Open Folder(Windows)”按钮，即可打开配置文件目录。

 

复制下载的文件：解压下载的zip文件，将其中的user.js文件复制到刚才打开的配置文件目录中。接着，在配置文件目录中创建一个名为chrome的新文件夹，再把解压后的zip文件中除user.js以外的其他文件都复制到这个新创建的chrome文件夹中。

 

重启火狐浏览器：完成上述步骤后，重启浏览器，然后在about:support页面顶部点击“Clear startup cache…”，清除启动缓存。这样，你就可以根据自己的喜好选择Photon风格或Proton风格进行体验了。

 

五、使用体验与社区支持

 

在我使用Lepton的这段时间里，它给我的浏览体验带来了极大的提升。曾经因为界面不适应而产生的操作卡顿感消失了，现在无论是查找书签、切换标签还是使用各种功能，都变得更加得心应手。而且，通过调整不同的模式和设置，我能够打造出最符合自己使用习惯的浏览器界面，这种个性化的体验是非常难得的。

 

值得一提的是，Lepton项目拥有一个活跃的社区。众多的赞助商和贡献者为项目的发展提供了强大的支持，他们不仅提供了资金上的帮助，还积极参与到项目的开发中，不断完善和优化Lepton的功能。如果你在使用过程中遇到了任何问题，无论是发现了一个小bug，还是对某个功能有疑问，都可以通过项目的issue页面反馈问题，或者在discussions页面与其他用户交流探讨，相信你一定能得到满意的答案。

 

六、总结与展望

 

Lepton项目为火狐浏览器用户提供了一个重新定义浏览器界面的机会，它既满足了老用户对经典界面的怀念，又为追求个性化的用户提供了丰富的定制选项。通过这个项目，我们可以看到开源社区的强大力量和无限创造力。希望在未来，Lepton能够继续发展壮大，不断适应火狐浏览器的更新，为用户带来更多优质的功能和更好的使用体验。如果你也是火狐浏览器的用户，不妨尝试一下Lepton，让你的浏览器界面焕然一新。

Tip:这里再次感谢black7375,图片来源于网络。