misc/waterfox: add userChrome.css and Tree Style Tab user styles

_misc/waterfox/TreeStyleTab/tst_userstyles.css

@@ -0,0 +1,42 @@
+/* Show title of unread tabs with red and italic font */
+:root.sidebar tab-item.unread .label-content {
+  color: red !important;
+  font-style: italic !important;
+}
+
+/* Change styling of pending (unloaded) tabs */
+tab-item.discarded {
+  opacity: 0.75;
+}
+
+tab-item.discarded .label-content {
+  color: gray;
+}
+
+tab-item.discarded:hover .label-content {
+  color: #bbbbbb !important;
+}
+
+/* Less visible tab dividers. */
+tab-item {
+  border-color: #666666; /* #666666 */
+}
+
+/* Change tab height */
+tab-item {
+  --tab-size: 30px !important;
+  height: var(--tab-size);
+  font-size: 11pt;
+}
+
+/* As little space before the tab name as possible.
+   The fold/unfold icon is not affected. */
+tab-item:not(.pinned) {
+  /* !important is required when there are enough tabs to cause a scrollbar */
+  padding-left: 0px !important;
+}
+
+/* Hide tab close button */
+tab-item tab-closebox {
+  display: none;
+}

_misc/waterfox/chrome/userChrome.css

@@ -0,0 +1,24 @@
+/*** Hide Tab Close buttons ***/
+.tabbrowser-tab .tab-close-button {
+  visibility: collapse !important;
+}
+
+
+/* == Tree Style Tab == */
+/* see: https://github.com/piroor/treestyletab/wiki/Code-snippets-for-custom-style-rules */
+
+/* Hide horizontal tab bar */
+#main-window[tabsintitlebar="true"]:not([extradragspace="true"]) #TabsToolbar > .toolbar-items {
+  opacity: 0;
+  pointer-events: none;
+}
+
+#main-window:not([tabsintitlebar="true"]) #TabsToolbar {
+    visibility: collapse !important;
+}
+
+/* Hide "Tree Style Tab" header at the top of the sidebar */
+#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] #sidebar-header {
+  display: none;
+}
+