如何在Firefox UI中获得更好的标签(在Mac上)
#css #browsers #firefox

是的,Firefox中的标签很烂,它们看起来像药丸(或按钮),看起来很恐怖,对吗?

这就是我样式上看起来更令人愉悦的方式:

Gif of how the tabs look with the below styles

Screenshot of a few tabs.

编辑/Users/<username>/Library/Application Support/Firefox/Profiles/<your profile>/chrome/userChrome.css并添加以下内容:

注意,您应该知道此文件在哪里。如果您不这样

.tab-background {
    border-radius: 0 0 3px 3px !important;
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

.tabbrowser-tab:not( [selected=true] ):not( [multiselected=true] ) .tab-background {
    background-color: color-mix( in srgb, currentColor 10%, transparent);
}

我正在使用this theme,好奇它在其他主题中的外观。

另外,请让我知道这在Windowz上的工作方式!