Tree Style Tab styles

treestyletab.css

/* Show title of unread tabs with red and italic font */

/*
:root.sidebar tab-item.unread .label-content {
  color: red !important;
  font-style: italic !important;
}
*/


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

/* Tree Style Tab size  */
.label {
  font-size: 1.5em
}

/* For tab group tooltips; May disable browser tooltips as well! */
#aHTMLTooltip, #remoteBrowserTooltip {
  display: none !important
}

/* Change the primary background behind the tab list */
/*
#background {
  background-color: #2e3440 !important;
}
*/

/* Ensure the tab container area matches the background */
#tabbar, .after-tabs {
  /* background-color: #2e1140 !important; */
  background-color: #333388 !important;
}

tab-item {
}
tab-item .label .label-content {
  color: #aaaaaa !important;
}

tab-item[type="group"] .label .label-content {
  color: #CCCCCC !important;
}

tab-item[type="group"][style*="color-orange"] .label .label-content {
  color: white !important;
}
tab-item[type="group"][style*="color-red"] .label .label-content {
  color: white !important;
}

tab-item[type="group"][style*="color-pink"] .label .label-content {
  color: white !important;
}


tab-item.active .label .label-content {
  color: white !important;
}

tab-item tab-closebox:hover {
  background: darkred !important;
  border-radius: 10px;
}

tab-twisty {
  margin: 3px 3px;
  background-color: gray;
}