Curved tabs. Copy the code to your chrome folder in css. For your own color you will have to change a couple of colors to siut. Mine is set up for light green.
- navigator-toolbox>toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(#nav-bar) {
padding: 0px 4px 4px !important; }
.tabbrowser-tab[fadein]:not([pinned]):not([style*="max-width"]){
max-width: 300px !important;
}
- tabbrowser-tabs {
--tab-min-height: 36px !important; height: 36px !important;
}
#tabs-newtab-button {
margin-left: 13px !important;
margin-bottom: -1px !important;
}
.tabbrowser-tab {
margin: 0 -14px 0 -3px !important;
}
.tab-background{
margin: 0 10px !important;
background: #F0F2EA;
background-clip: border-box;
border: none !important;
-moz-transform: perspective(80px) rotateX(8deg) !important;
-webkit-transform: perspective(80px) rotateX(8deg) !important;
outline: none !important;
border-top: 1px solid #7E7B7B !important;
border-right: 1px solid #7E7B7B !important;
border-left: 1px solid #7E7B7B !important;
border-radius: 9px 9px 0 0 !important;
margin-bottom:-1px !important;
}
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"]) {
background-color: #D1D5C6 !important;
}
.tabbrowser-tab[selected="true"] .tab-background {
background: #F0F2EA !important;
}
.tabbrowser-tab[selected="true"] .tab-text.tab-label {
color: black !important;
}
.tab-line {
display: none !important;
}
.tab-content {
padding: 0 25px !important;
}
/* for backward compatibility */
.tabs-newtab-button.toolbarbutton-1 {
margin-left: -0px !important;
}
.titlebar-placeholder[type="pre-tabs"] {
border-inline-end: initial !important;
}
#tabbrowser-tabs:not([movingtab])>.tabbrowser-tab[beforeselected-visible]::after,
#tabbrowser-tabs[movingtab]>.tabbrowser-tab[visuallyselected]::before,
.tabbrowser-tab[visuallyselected]::after {
border-color: var(--tabs-border-color);
margin-top: 0 !important;
margin-bottom: 1px !important;
opacity: 8 !important;
border: none !important;
}
[tabsintitlebar]:root:not([extradragspace]) .tabbrowser-tab::after,
.tabbrowser-tab:hover::after,
#tabbrowser-tabs:not([movingtab])>.tabbrowser-tab[beforehovered]::after {
border: none !important;
}
.tab-text.tab-label {
text-shadow: initial !important;
color: black !important;
font-style: unset;
text-decoration: none !important;
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale !important;
}
.tabbrowser-tab:hover .tab-text.tab-label {
color: black !important;
text-shadow: none !important;
-moz-osx-font-smoothing: unset !important;
}
#navigator-toolbox>toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(#nav-bar) {
padding: 0px 4px 4px !important;
}
.tabbrowser-tab[fadein]:not([pinned]):not([style*="max-width"]){
max-width: 300px !important;
}
#tabbrowser-tabs {
--tab-min-height: 36px !important;
height: 36px !important;
}
#tabs-newtab-button {
margin-left: 13px !important;
margin-bottom: -1px !important;
}
.tabbrowser-tab {
margin: 0 -14px 0 -3px !important;
}
.tab-background{
margin: 0 10px !important;
background: #F0F2EA;
background-clip: border-box;
border: none !important;
-moz-transform: perspective(80px) rotateX(8deg) !important;
-webkit-transform: perspective(80px) rotateX(8deg) !important;
outline: none !important;
border-top: 1px solid #7E7B7B !important;
border-right: 1px solid #7E7B7B !important;
border-left: 1px solid #7E7B7B !important;
border-radius: 9px 9px 0 0 !important;
margin-bottom:-1px !important;
}
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"]) {
background-color: #D1D5C6 !important;
}
.tabbrowser-tab[selected="true"] .tab-background {
background: #F0F2EA !important;
}
.tabbrowser-tab[selected="true"] .tab-text.tab-label {
color: black !important;
}
.tab-line {
display: none !important;
}
.tab-content {
padding: 0 25px !important;
}
/* for backward compatibility */
.tabs-newtab-button.toolbarbutton-1 {
margin-left: -0px !important;
}
.titlebar-placeholder[type="pre-tabs"] {
border-inline-end: initial !important;
}
#tabbrowser-tabs:not([movingtab])>.tabbrowser-tab[beforeselected-visible]::after,
#tabbrowser-tabs[movingtab]>.tabbrowser-tab[visuallyselected]::before,
.tabbrowser-tab[visuallyselected]::after {
border-color: var(--tabs-border-color);
margin-top: 0 !important;
margin-bottom: 1px !important;
opacity: 8 !important;
border: none !important;
}
[tabsintitlebar]:root:not([extradragspace]) .tabbrowser-tab::after,
.tabbrowser-tab:hover::after,
#tabbrowser-tabs:not([movingtab])>.tabbrowser-tab[beforehovered]::after {
border: none !important;
}
.tab-text.tab-label {
text-shadow: initial !important;
color: black !important;
font-style: unset;
text-decoration: none !important;
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale !important;
}
.tabbrowser-tab:hover .tab-text.tab-label {
color: black !important;
text-shadow: none !important;
-moz-osx-font-smoothing: unset !important;
}