浏览器的发展日新月异，但我已经受够了难看的新界面。是时候回归经典了。

这是一个在 Firefox 上模仿旧版 Chrome 界面的工程。

无他，就只是很欣赏这种梯形的标签栏样式罢了。

看看这新版的方形圆角，多 Low 啊，太难受了。

赶紧放出下载

userChrome.css

康康源码（SCSS）

#titlebar{
	#TabsToolbar{
		> .titlebar-spacer[type="pre-tabs"]{
			/* 去除第一个选项卡左边的白线 */
			display: none !important;
		}
		> .toolbar-items{
			padding-top: 20px !important;
			#tabbrowser-tabs{
				--tab-min-height: 25px !important;
				> #tabbrowser-arrowscrollbox{
					height: 25px;
					> tab.tabbrowser-tab{
						/* 限制标签页宽度 */
						max-width: 200px !important;
						/* 将外部方块背景透明 */
						background-color: transparent !important;
						border: none !important;
						&:first-child{
							/* 由于使用透视法把选项卡变成梯形，因此最左边的选项卡需要往右边稍微挪一点，否则其左边的部分会在可绘制区域外 */
							margin-left: 10px !important;
						}
						&:before, &:after{
							/* 两个页面标签之间的分隔线，删除掉 */
							display: none !important;
						}
						.tab-background{
							/* 将内部方块背景变梯形（透视法） */
							transform: perspective(100px) rotateX(20deg) !important;
							/* 顶边两个角有点弧度 */
							border-radius: 5px 5px 0 0;
							/* 伪造的阴影效果 */
							border: 1px solid rgba(38, 38, 38, .5) !important;
							border-bottom-color: #fff !important;
							> .tab-line{
								/* 削除默认主题在梯形顶边绘制的粗线 */
								display: none !important;
							}
							/* 变色效果（动画时长） */
							transition: .5s !important;
						}
						&[selected="true"] .tab-background{
							/* 渐变背景色（标签状态为前台、无论是否指向） */
							background: #fff linear-gradient(to bottom, #fff, #f6f6f6) !important;
						}
						&:not([selected="true"]){
							&:not(:hover) .tab-background{
								/* 变色效果（标签状态为后台、未指向） */
								background: rgb(216, 223, 231) !important;
							}
							&:hover .tab-background{
								/* 变色效果（标签状态为后台、指向中） */
								background: rgb(226, 235, 244) !important;
							}
						}
					}
				}
			}
		}
	}
}
#nav-bar{
}

.tabbroweser-tab:first-child{
	margin-left: 10px !important;
}

/* 把地址栏中的 “网站信息” 提示文字隐藏，缩小按钮大小 */
#identity-icon-label{
	display: none;
}

有点自知之明好吗？

是的，在经历了一个月封闭测试的过程中，确实这有一些 BUG。

• 标签在不同的状态下由于透明度并不正确，而导致显示效果并不真实。
• 不能像真正的 Chrome 一样，鼠标指向标签时，离指针近的区域更不透明，远的区域更透明。
• “新建页面” 按钮并没有任何更改。
• 如果标签宽度更窄，梯度会发生变化，这是不应该出现的。

后记

当然，最开始这句话并不是哪位名人说的，只是我确实想不出起个什么标题，但直接写正文显得 Low，所以用个引用块包一包显得稍微高大上一点。