home: firefox: theme treestyletabs

2 files changed, 38 insertions, 0 deletions

diff --git a/modules/home-manager/personal/programs/firefox/userchrome/treestyletabs-colors.css b/modules/home-manager/personal/programs/firefox/userchrome/treestyletabs-colors.css
new file mode 100644
index 0000000..9a41f9d
--- /dev/null
+++ b/modules/home-manager/personal/programs/firefox/userchrome/treestyletabs-colors.css
@@ -0,0 +1,21 @@
+/* Not working. Paste this inside TST's extra CSS rules. */
+@-moz-document regexp("moz-extension://.+/sidebar/sidebar.html.*") {
+    /* Apply system-wide theme */
+    :root {
+        --toolbar-non-lwt-bgcolor: rgba( {{base00-rgb-r}}, {{base00-rgb-g}}, {{base00-rgb-b}}, 0% );
+        --toolbar-non-lwt-textcolor: rgba( {{base05-rgb-r}}, {{base05-rgb-g}}, {{base05-rgb-b}}, 100% );
+    }
+    :root[color-scheme="system-color"][data-user-agent*="Linux"]
+         tab-item:not(.active):not(.bundled-active):not(.highlighted),
+    :root[color-scheme="system-color"][data-user-agent*="Linux"]
+         .after-tabs button,
+    :root[color-scheme="system-color"][data-user-agent*="Linux"]
+         .after-tabs [role="button"],
+    :root[color-scheme="system-color"][data-user-agent*="Linux"]
+         #subpanel-selector-anchor,
+    :root[color-scheme="system-color"][data-user-agent*="Linux"]
+         #background {
+        --toolbar-non-lwt-bgcolor: rgba( {{base00-rgb-r}}, {{base00-rgb-g}}, {{base00-rgb-b}}, 100% );
+        --toolbar-non-lwt-textcolor: rgba( {{base05-rgb-r}}, {{base05-rgb-g}}, {{base05-rgb-b}}, 100% );
+    }
+}
diff --git a/modules/home-manager/personal/programs/firefox/userchrome/treestyletabs.css b/modules/home-manager/personal/programs/firefox/userchrome/treestyletabs.css
new file mode 100644
index 0000000..bee1acf
--- /dev/null
+++ b/modules/home-manager/personal/programs/firefox/userchrome/treestyletabs.css
@@ -0,0 +1,17 @@
+@-moz-document url(chrome://browser/content/browser.xul), url(chrome://browser/content/browser.xhtml) {
+    /* Hide main tabs toolbar */
+    #TabsToolbar {
+        visibility: collapse;
+    }
+
+    /* Sidebar min and max width removal */
+    #sidebar {
+        max-width: none !important;
+        min-width: 0px !important;
+    }
+
+    /* Hide sidebar header, when using Tree Style Tab. */
+    #sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] #sidebar-header {
+        visibility: collapse;
+    }
+}