Win10下,让Firefox 40浏览器也用上彩色标题栏

yumo6662个月前 (05-03)技术文章11

Mozilla不久前刚发布了针对Win10进行优化的火狐浏览器Firefox 40。最新版主要针对触摸屏进行了优化,默认主题颜色为灰色不可调,即使你通过《让Win10标题栏恢复五彩缤纷,不再“惨白”》中的方法让系统窗口标题栏显示为彩色,Firefox 40标题栏颜色也不会随之改变,甚至变得更难看。

Firefox 40默认标题栏颜色

开启Win10彩色标题栏后Firefox 40的样子,惨不忍睹

如果你想让Firefox 40在Windows10下也能拥有彩色标题栏可参考下面的方法:

注:该方法通过自定义css实现,这不需要你有css基础知识,跟着操作即可。

o 打开火狐浏览器,按Alt键,打开“帮助”—“故障排除信息”,再打开的页面中点击“配置文件夹”后面的“显示文件夹”按钮。

o 在弹出的文件夹中新建名为Chrome的文件夹,再在Chrome文件夹中新建txt文档,并重命名为userChrome.css(注意,将系统设置为显示扩展名后,连同扩展名一块改掉)。

o 用记事本打开userChrome.css,然后将以下代码复制到其中,保存即可。

#main-window {

background-color: #1883d7 !important;

}

#titlebar-buttonbox .titlebar-button {

#titlebar-buttonbox #titlebar-max:-moz-any(:hover,[open]), #titlebar-buttonbox #titlebar-min:-moz-any(:hover,[open]) {

background-color: #0b5894 !important;

}

#titlebar-buttonbox #titlebar-close:-moz-any(:hover,[open]) {

background-color: #e81123 !important;

}

代码解释:

四个css分别代表主窗口颜色(包括标题栏)、标题栏按钮区域以及标题栏按钮颜色、最大化最小化按钮选中状态颜色、关闭按钮选中状态颜色。

类似#1883d7的字符串就表示颜色值,也可以写成rgb模式颜色值,比如#1883d7换算后为rgb(24,131,215)。如果你开启了系统窗口标题栏颜色,想要让Firefox标题栏随之改变,只需要将前两个background-color改为transparent !important即可。

效果如下:

相关文章

生成引人注目色彩的小型Javascript脚本——randomColor

介绍randomColor是一个生成随机颜色的JavaScript脚本,对于写代码的我们来说,生成一个随机颜色或许并不复杂,但是想要生成一个比较吸引人的随机颜色可能是需要花费一番功夫的,但如果已经有人...

vb.net的颜色赋值代码(vb颜色表示代码)

有没有人跟我一样,对颜色的名称,除了常用的几种(如红色,白色,黄色,蓝色,绿色,黑色),就无法说出其它颜色的名称来。我解决这个问题的办法,我有一个图,上面都是Color结构已经定义的颜色的名称及对应颜...

HTML页面精简代码只需做好这5步(html页面精简代码只需做好这5步程序)

网站打开速度慢?网站加载图片慢?网站容易卡顿?身为站长和网站用户的你有没有遇到过这种情况?没错,这些都是网站页面体积惹的祸。解决办法是通过技术手段去掉臃肿杂乱的代码,减小网页文件大小,加快网页加载速度...

菜鸟级的Obsidian样式调整(obsidian中文设置)

今天收到一位网友留言,说按照我文章《终于可以说说我的Obsidian人生管理系统了》中说的弄了一下,却达不到同样的显示效果。不知所指的是不是下图中标题的彩色文字。虽然说,每个选择Obsidian的人,...

谷歌:安卓 12 Material You 动态主题色彩系统已开源

IT之家 2 月 18 日消息,谷歌在 Android 12 中推出了 Material You 动态主题设计,该功能可帮助 App 根据用户的壁纸进行动态着色。近日,谷歌宣布开源 Material...