update

firefox tree style tabs.md

@@ -0,0 +1,110 @@
+up:: [[firefox extensions]]
+#informatique 
+
+# Code pour le style :
+
+```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: "🕶";
+}
+*/
+
+tab-item {
+  --tab-margin-top: 0px;
+  --tab-margin-bottom: 0px;
+  --tab-margin-right: 0;
+}
+
+
+:root.right tab-item-substance {
+  margin-left: calc(var(--tab-margin-left) + var(--tab-indent) * 1.2); /**/
+  margin-right: 10px;
+  border: 1px solid #AAAAAAAA;
+  padding-left: 0px;
+  padding-top: 1px;
+  padding-bottom: 1px;
+
+}
+
+/* highlight active tab */
+tab-item.active tab-item-substance {
+  /* height: 39px !important;*/ 
+}
+tab-item.active .background {
+  background-color: green;
+}
+tab-item.active .label-content {
+  font-weight: bold;
+  /* font-size: 14px; */
+}
+tab-item.active tab-twisty,
+tab-item.active .label-content,
+tab-item.active tab-counter {
+  color: #fff;
+}
+
+/* hovered tab */
+tab-item tab-item-substance:hover {
+  background: darkgreen !important;
+  opacity: 0.9;
+}
+
+/* Change styling of pending (unloaded) tabs */
+tab-item.discarded tab-item-substance {
+  opacity: 0.8;
+}
+
+/* tab counting */
+#tabbar {
+  counter-reset: vtabs atabs tabs;
+  /* vtabs tracks visible tabs, atabs tracks active tabs, tabs tracks all tabs */
+}
+tab-item:not(.collapsed):not(.discarded) {
+  counter-increment: vtabs atabs tabs;
+}
+tab-item:not(.collapsed) {
+  counter-increment: vtabs tabs;
+}
+tab-item:not(.discarded) {
+  counter-increment: atabs tabs;
+}
+tab-item {
+  counter-increment: tabs;
+}
+
+/* show active tabs / total tabs */
+.newtab-button {
+  --tab-count-text: counter(atabs) "/" counter(tabs) " tabs";
+}
+
+/* hide the new tab button */
+:root.simulate-svg-context-fill .newtab-button::after {
+  content: var(--tab-count-text);
+  pointer-events: none;
+    
+  width: 100%;
+
+  /* TST 2.4.0 - Fix for Issue #1664 */
+  background: transparent !important;
+  mask: none !important;
+}
+
+
+
+/* wrap tabs instead of cropping them 
+tab-item:not(.collapsed) tab-label {
+  overflow: unset;
+  white-space: unset;
+}
+/* */
+```