dotfiles/.config/firefox/treestyletab.css

:root {
  --color-bg: #21252b;
  --color-fg: #a9b2c3;
  --color-acc1: #b9ca4a;
  --color-acc2: #e6c546;
  --color-acc3: #61afef
  --color-warn1: #e06c75;
  --color-white: #eaeaea;
}

:root,
#background {
  background: var(--color-bg);
}

.tab {
  border-top: 0px solid transparent;
  border-bottom: 0px solid transparent;
  height: 35px;
  padding: 0px 0px 0px 0px;
  z-index: 0;
}

/*doesnt work*/
.tab-item {
  border: solid 5px transparent;
}

.tab.active .label {
  color: var(--color-bg);
}
.tab.active {
  border-top: 0px solid var(--color-warn1);
  background: var(--color-acc1);
}

.tab .label {
  color: var(--color-fg);
}
.tab:not(.active) {
  background: var(--color-bg1);
  throbber-color: var(--color-acc3);
}


/*remove + symbol */
#tabbar .after-tabs {
  display: none !important;
}

.tab:not(:hover) .closebox {
  display: none;
}
/* Show title of unread tabs with red and italic font */
/*
.tab.unread .label {
  color: red !important;
  font-style: italic !important;
}
*/

/* Add private browsing indicator per tab */
/*
.tab.private-browsing .label:before {
  content: "🕶";
}
*/