Add treestyletab css

1 files changed, 53 insertions, 0 deletions

diff --git a/.config/treestyletab.css b/.config/treestyletab.css
new file mode 100644
index 0000000..9339e73
--- /dev/null
+++ b/.config/treestyletab.css
@@ -0,0 +1,53 @@
+/* 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: "🕶";
+}
+*/
+/* Less visible tab dividers. 
+   A black border with a very low alpha slightly darkens any color. */
+tab-item {
+  border: solid 1px #0000008e; 
+}
+
+/* Change styling of pending (unloaded) tabs */
+tab-item.discarded {
+  opacity: 0.75;
+}
+
+tab-item.discarded .label-content {
+  opacity: 0.7;
+}
+
+:root.right tab-item tab-twisty {
+  order: -1;
+}
+:root.right tab-item tab-closebox {
+  order: 10000;
+}
+
+/* "#tabbar" is required for TST 3.4.0 and later! */
+#tabbar tab-item:not(:hover) tab-closebox {
+  display: none;
+}
+
+/* As little space before the tab name as possible.
+   The fold/unfold icon is not affected. */
+tab-item:not(.pinned) {
+  padding-left: 6px !important; /* !important is required when there are enough tabs to cause a scrollbar */
+}
+
+tab-item tab-twisty {
+  margin-right: -1em;
+  opacity: 0 !important;
+  position: relative;
+  z-index: 10000;
+}
\ No newline at end of file