Firefox 89选项卡外观

2021-06-04 23:28:25

Firefox 89具有新的外观,删除特征(ugh)并在高兴他人时讨厌一些人。我对它的感情很多,但我对标签有很强的感受:

我希望活跃的标签更加明亮。我可以看到一种在Firefox颜色中设置颜色的方法。

标签不再看起来像标签!它们只是按钮,并感到与浏览器的其余部分断开连接。

标签{Font-Size:17px!重要; Font-Family:Maven Pro!重要;}。TabBrowser-Tab [选定] .Tab-Label {Color:Black!重要;字体重量:粗体!重要;}。tabbrowser-tab [选定] .tab-content {background:#fcb731!重要;}。tabbrowser-tab:not([选定]).tab-content {背景:#585060;}

我希望Firefox设置页面允许您编辑此文件,但仍然可以编辑配置文件文件夹中的文件。在这里'它看起来像这些CSS规则的内容:

我还在寻找一种让标签看起来更像标签的方法。本指南看起来很有用。它们为.tab-background提供了css规则,查看通过firefox源代码为浏览器.xhtml,也可以为tabbrowser-tab.js提供我所有可以将样式连接到的xhtml元素,所以我试验。这里的CSS和#39;我最终结束了:

标签{Font-Size:17px!重要; Font-Family:Maven Pro!重要;} / *背景包括您&#39的容器等内容所以这可能是一个坏主意... * /。制表符{显示:无!重要;} / *选项卡的前景 - 我对所有的样式使用它而不是使用后台区域* /。标签内容{边界半径:12px 12px 0 0!重要;边框:1PX实心RGBA(0,0,0,.20)!重要;边框 - 底颜色:透明!重要;框阴影:0 0 2px 2px rgba(0,0,0,0.1)!重要;} / *使得选项卡不会融入背景* /。tabbrowser-tab:not([选定]).tab-content {背景:#585060;} / *所选选项卡我想要一个明亮的背景,带有黑暗前景的明亮背景* /。tabbrowser-tab [被选中] .tab-content {background:#fcb731!重要的;}。tabbrowser-tab [选定] .tab -Label {颜色:黑色!重要;字体重量:粗体!重要;} / *绘制下面的实线,让所选的选项卡看*连接*到浏览器的其余部分* /#tabstoolbar {边框底:1px solid#fcb731!重要;重要;}

到目前为止,我喜欢它! 但是,在那里有一个大警察:我禁用的标签背景元素似乎包含像你&#39的容器一样的有用信息。那个' s一个问题i' ll稍后试图解决。