Question

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.

Няма отговори
0 имат този проблем

22.11.24 г., 2:28 ч.

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; }

Explore by product

Explore by topic

Преглежд по продукти

Browse all forum threads by topic

Get help with

Търсене в помощните статии

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.