pastebin.com/raw/8SFM3i1k github.com/wilfredwee/photon-australis/blob/master/userChrome-dark.css
:root { :root {
 --tab-curve-width: 30px;  --tab-curve-width: 30px;
 --tabs-border: transparent !important;  --tabs-border: transparent !important;
.   --tab-border-radius: 0 !important;
} }
   
..arrowscrollbox-scrollbox { .tabbrowser-arrowscrollbox .arrowscrollbox-scrollbox {
 padding-inline-start: 10px !important;  padding-inline-start: 10px !important;
} }
   
/* To be able to see the top border of the tab */  /* To be able to see the top border of the tab */ 
.tab-stack { .tab-stack {
 margin-top: 2px !important;  margin-top: 2px !important;
} }
   
.  /* To prevent tab label appearing on pinned tab in compact mode. */ 
  .tab-content {
   padding: 0 12px !important;
  }
   
/* When the window is maximized, the first pinned tab is properly displayed. */  /* When the window is maximized, the first pinned tab is properly displayed. */ 
#TabsToolbar  { #TabsToolbar  {
 padding-inline-start: 15px !important;  padding-inline-start: 15px !important;
.   min-height: 33px !important;
   max-height: 33px !important;
  }
   
  .tabbrowser-tab[first-visible-tab="true"] {
   padding-left: 12px !important;
} }
   
#tabbrowser-tabs{ #tabbrowser-tabs {
.    margin-left:-15px;  margin-left: -15px !important;
} }
   
.titlebar-placeholder { .titlebar-placeholder {
 border: none !important;  border: none !important;
} }
   
.  .titlebar-spacer {
   border: none !important;
  }
   
  /* Styles to account for when tab scrollbar is visible, and margin-inline-start kicks in */ 
  .tabbrowser-tab[pinned="true"] {
   width: 40px !important; /* Actual photon pinned tab is 41px, but 40px removes pixelated artifact from pinned tab favicon */ 
  }
   
  .tabbrowser-tab[pinned="true"][style^="margin-inline-start"] {
   padding-left: 12px !important;
  }
   
/* Remove unneeded styles from Photon */  /* Remove unneeded styles from Photon */ 
.tabbrowser-tab::before, .tabbrowser-tab::before,
.tabbrowser-tab::after { .tabbrowser-tab::after {
 border: none !important;  border: none !important;
} }
   
.  /* Remove uneeded styles from Proton */ 
  .tabbrowser-tab {
   padding-inline: 0px !important;
  }
   
  .tab-background {
   margin-bottom: 0 !important;
   display: flex !important;
  }
   
  .tab-background > .tab-context-line {
   flex: 1 !important;
  }
   
  #tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[first-visible-unpinned-tab] {
   margin-inline-start: 0px !important;
  }
   
  /* Remove container colors */ 
  .tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line {
   background-color: rgba(0,0,0,0) !important;
   height: inherit !important;
   border-radius: 0px !important;
   margin: 0px !important;
  }
   
/* Windows 7 specific */  /* Windows 7 specific */ 
@media (-moz-os-version: windows-win7) { @media (-moz-os-version: windows-win7) {
 .tabbrowser-tab {  .tabbrowser-tab {
   background-color: transparent !important;    background-color: transparent !important;
   border: none !important;    border: none !important;
 }  }
   
 @media (-moz-windows-default-theme) {  @media (-moz-windows-default-theme) {
   .tabbrowser-tab:not(:-moz-lwtheme) {    .tabbrowser-tab:not(:-moz-lwtheme) {
     background-color: transparent !important;      background-color: transparent !important;
     border: none !important;      border: none !important;
   }    }
 }  }
} }
   
.tabbrowser-tab > .tab-stack > .tab-background { .tabbrowser-tab > .tab-stack > .tab-background {
 background-image: none !important;  background-image: none !important;
 -moz-box-orient: horizontal !important;  -moz-box-orient: horizontal !important;
 background-color: transparent !important;  background-color: transparent !important;
 margin-top: 1px !important;  margin-top: 1px !important;
} }
   
.tab-background[selected="true"] { .tab-background[selected="true"] {
 border: none !important;  border: none !important;
.  }
   
  .tab-background {
 pointer-events: none !important;  pointer-events: none !important;
} }
   
.tab-line { .tab-line {
 display: none !important;  display: none !important;
} }
   
.tab-bottom-line { .tab-bottom-line {
 display: none !important;  display: none !important;
} }
   
/* Match height of new tab button (right svg) on hover */  /* Match height of new tab button (right svg) on hover */ 
..tabs-newtab-button { #new-tab-button {
 margin: 0 !important;  margin: 0 !important;
} }
   
/* overlap the tab curves */  /* overlap the tab curves */ 
.tab-background { .tab-background {
 -moz-margin-end: -15px !important;  -moz-margin-end: -15px !important;
 -moz-margin-start: -15px !important;  -moz-margin-start: -15px !important;
} }
   
.  /* Remove blue animation on tab on page load complete */ 
  .tab-loading-burst {
   display: none !important;
  }
   
/* Begin tab background customizations */  /* Begin tab background customizations */ 
.tab-background[selected="true"]::before { .tab-background[selected="true"]::before {
 border: none !important;  border: none !important;
 content: "" !important;  content: "" !important;
 width: 30px !important;  width: 30px !important;
 min-height: 30px !important;  min-height: 30px !important;
 display: -moz-box !important;  display: -moz-box !important;
 background-repeat: no-repeat !important;  background-repeat: no-repeat !important;
} }
   
.tab-background[selected="true"]::after { .tab-background[selected="true"]::after {
 border: none !important;  border: none !important;
 content: "" !important;  content: "" !important;
 width: 30px !important;  width: 30px !important;
 min-height: 30px !important;  min-height: 30px !important;
 display: -moz-box !important;  display: -moz-box !important;
 background-repeat: no-repeat !important;  background-repeat: no-repeat !important;
} }
   
.tab-background[selected="true"] > spacer { .tab-background[selected="true"] > spacer {
 margin-top: 0px !important;  margin-top: 0px !important;
} }
   
.#new-tab-button, #tabs-newtab-button,
.tabs-newtab-button { #new-tab-button {
 width: calc(36px + 30px) !important;  width: calc(36px + 30px) !important;
 margin-inline-start: -15px !important;  margin-inline-start: -15px !important;
 margin-top: 1px !important;  margin-top: 1px !important;
} }
   
/* Tab hover customizations */  /* Tab hover customizations */ 
.  .close-icon:hover {
   border-radius: 50% !important;
  }
   
/* Regular tabs */  /* Regular tabs */ 
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::before { .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::before {
 display: -moz-box !important;  display: -moz-box !important;
 background-repeat: no-repeat !important;  background-repeat: no-repeat !important;
 content: "" !important;  content: "" !important;
 width: 30px !important;  width: 30px !important;
 max-height: 30px !important;  max-height: 30px !important;
 background-color: transparent !important;  background-color: transparent !important;
} }
   
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::after { .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::after {
 display: -moz-box !important;  display: -moz-box !important;
 background-repeat: no-repeat !important;  background-repeat: no-repeat !important;
 content: "" !important;  content: "" !important;
 width: 30px !important;  width: 30px !important;
 max-height: 30px !important;  max-height: 30px !important;
 background-color: transparent !important;  background-color: transparent !important;
} }
   
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) > spacer { .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) > spacer {
 margin-top: 0px !important;  margin-top: 0px !important;
} }
   
#TabsToolbar[brighttext] > #tabbrowser-tabs > .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"]), #TabsToolbar[brighttext] > #tabbrowser-tabs > .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"]),
..tabs-newtab-button:hover, #tabs-newtab-button:hover,
.tabs-newtab-button:hover::before, #tabs-newtab-button:hover::before,
.tabs-newtab-button:hover::after { #tabs-newtab-button:hover::after {
 background-color: transparent !important;  background-color: transparent !important;
} }
   
/* New tab hover customizations */  /* New tab hover customizations */ 
..tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"]), .tabs-newtab-button:hover { .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"]),
  #tabs-newtab-button:hover {
 background-position: 0px 2px, 30px 4px , 36px 2px !important;  background-position: 0px 2px, 30px 4px , 36px 2px !important;
 background-repeat: no-repeat !important;  background-repeat: no-repeat !important;
 background-size: 30px 30px, calc(100% - (2 * 30px)) 30px, 30px !important;  background-size: 30px 30px, calc(100% - (2 * 30px)) 30px, 30px !important;
} }
   
..tabs-newtab-button:hover > .toolbarbutton-icon { #tabs-newtab-button:hover > .toolbarbutton-icon {
 background: none !important;  background: none !important;
 background-color: transparent !important;  background-color: transparent !important;
} }
   
/* Color specific customizations */  /* Color specific customizations */ 
:root { :root {
.  --svg-selected-before: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='30px' height='31px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.0625 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.0625 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='30' height='31' clip-path='url(%23tab-curve-clip-path-start)'><div id='tab-background-fill' style='background-color:rgb(50, 50, 52);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>");  --svg-selected-before: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='30px' height='31px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.065 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.065 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.065 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.065 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='30' height='31' clip-path='url(%23tab-curve-clip-path-start)'><div id='tab-background-fill' style='background-color:rgb(43, 42, 51);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>");
   
.  --svg-selected-after: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='30px' height='31px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.0625 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.0625 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='30' height='31' clip-path='url(%23tab-curve-clip-path-end)'><div id='tab-background-fill' style='background-color:rgb(50, 50, 52);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>");  --svg-selected-after: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='30px' height='31px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.065 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.065 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.065 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.065 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='30' height='31' clip-path='url(%23tab-curve-clip-path-end)'><div id='tab-background-fill' style='background-color:rgb(43, 42, 51);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>");
   
 --background-selected-middle:  --background-selected-middle:
   linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)),    linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)),
   linear-gradient(    linear-gradient(
     transparent      transparent
     2px,      2px,
.      rgb(50, 50, 52) 2px,      rgb(42, 43, 51) 2px,
     rgb(50, 50, 52)      rgb(42, 43, 51)
   ),    ),
   none !important;    none !important;
   
.  --svg-hover-before: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='30px' height='31px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.0625 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.0625 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='30' height='31' clip-path='url(%23tab-curve-clip-path-start)'><div id='tab-background-fill' style='background-color:rgba(255, 255, 255, .1);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>");  --svg-hover-before: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='30px' height='31px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.065 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.065 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.065 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.065 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='30' height='31' clip-path='url(%23tab-curve-clip-path-start)'><div id='tab-background-fill' style='background-color:rgba(255, 255, 255, .1);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>");
   
.  --svg-hover-after: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='30px' height='31px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.0625 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.0625 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='30' height='31' clip-path='url(%23tab-curve-clip-path-end)'><div id='tab-background-fill' style='background-color:rgba(255, 255, 255,.1);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>");  --svg-hover-after: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='30px' height='31px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.065 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.065 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.065 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.065 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='30' height='31' clip-path='url(%23tab-curve-clip-path-end)'><div id='tab-background-fill' style='background-color:rgba(255, 255, 255,.1);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>");
   
 --background-hover-middle:  --background-hover-middle:
   linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)),    linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)),
   linear-gradient(    linear-gradient(
     transparent      transparent
     2px,      2px,
     rgba(255,255,255,.1) 2px,      rgba(255,255,255,.1) 2px,
     rgba(255,255,255,.1)      rgba(255,255,255,.1)
   ),    ),
   none;    none;
   
.  --newtab-hover: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='30px' height='30px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.0625 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.0625 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='30' height='31' clip-path='url(%23tab-curve-clip-path-start)'><div id='tab-background-fill' style='background-color:rgba(255,255,255,.1);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>"),  --newtab-hover: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='30px' height='30px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.065 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.065 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.065 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.065 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='30' height='31' clip-path='url(%23tab-curve-clip-path-start)'><div id='tab-background-fill' style='background-color:rgba(255,255,255,.1);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>"),
   linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.1)),    linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.1)),
.    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='30px' height='31px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.0625 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.0625 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.0625 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='30' height='31' clip-path='url(%23tab-curve-clip-path-end)'><div id='tab-background-fill' style='background-color:rgba(255,255,255,.1);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>");    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='30px' height='31px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.065 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.065 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.065 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.065 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='30' height='31' clip-path='url(%23tab-curve-clip-path-end)'><div id='tab-background-fill' style='background-color:rgba(255,255,255,.1);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>");
} }
   
   
/* OS-specific color variables */  /* OS-specific color variables */ 
@media screen and (-moz-windows-theme) { @media screen and (-moz-windows-theme) {
 :root {  :root {
   
 }  }
} }
   
@media not screen and (-moz-windows-theme) { @media not screen and (-moz-windows-theme) {
 :root {  :root {
   
 }  }
} }
   
.  /* Dark theme */ 
  @media (-moz-windows-accent-color-in-titlebar) {
   :root[tabsintitlebar]:not(:-moz-window-inactive) {
     background-color: #000000 !important;
   }
  }
   
   
.tab-background[selected="true"]::before { .tab-background[selected="true"]::before {
 background-image: var(--svg-selected-before) !important;  background-image: var(--svg-selected-before) !important;
} }
.tab-background[selected="true"]::after { .tab-background[selected="true"]::after {
 background-image: var(--svg-selected-after) !important;  background-image: var(--svg-selected-after) !important;
} }
   
..tab-background[selected="true"] > spacer { .tab-background[selected="true"] > .tab-context-line {
 background-image: var(--background-selected-middle) !important;  background-image: var(--background-selected-middle) !important;
} }
   
.  .tabbrowser-tab[visuallyselected="true"] > .tab-stack > .tab-background {
   box-shadow: none !important;    
  }
   
   
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::before { .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::before {
 background-image: var(--svg-hover-before) !important;  background-image: var(--svg-hover-before) !important;
} }
   
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::after { .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::after {
 background-image: var(--svg-hover-after) !important;  background-image: var(--svg-hover-after) !important;
} }
   
..tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) > spacer { .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) > .tab-context-line {
 background-image: var(--background-hover-middle) !important;  background-image: var(--background-hover-middle) !important;
} }
   
..tabs-newtab-button:hover { #tabs-newtab-button:hover {
 background-image: var(--newtab-hover) !important;  background-image: var(--newtab-hover) !important;
} }
.   
/* Hide separator, only show *** button after 2-sec hover */   
   
#pageActionSeparator {   
display: none !important;   
   
}   
   
#page-action-buttons #pageActionButton {   
width: 0 !important;   
padding: 4px !important;   
transition: all 1s ease-in-out;   
   
}   
   
#appMenu-library-recentHighlights { display: none !important; }   
   
#page-action-buttons:hover #pageActionButton {   
width: 24px !important;   
padding: 4px !important;   
transition: all 1s ease-in-out 4s;   
   
}   
   
.tab-throbber[busy]::before {   
background-image: url("chrome://global/skin/icons/loading.png") !important;   
animation: unset !important;   
}   
.tab-throbber[busy]:not([progress])::before {   
/* Grays the blue during "Connecting" state */   
filter: grayscale(100%);   
   
}   
   
@media (min-resolution: 2dppx) {   
   
.tab-throbber[busy]::before {   
  background-image: url("chrome://global/skin/icons/loading@2x.png") !important;   
}   
}