From 0755e1764d2512f8cf6241a6b1a69b9e4e4c4cde Mon Sep 17 00:00:00 2001
From: Tibo De Peuter <tibo.depeuter@telenet.be>
Date: Fri, 10 Jun 2022 21:30:20 +0200
Subject: [PATCH] Restyling of tabs bar

---
 config/firefox                        | 11 ----
 config/mozilla-firefox/userChrome.css | 82 +++++++++++++++++++++++++++
 2 files changed, 82 insertions(+), 11 deletions(-)
 delete mode 100644 config/firefox
 create mode 100644 config/mozilla-firefox/userChrome.css

diff --git a/config/firefox b/config/firefox
deleted file mode 100644
index 3d40a59..0000000
--- a/config/firefox
+++ /dev/null
@@ -1,11 +0,0 @@
-/* 
- * ~/.mozilla/firefox/<profile>/chrome/userChrome.css
- */
-
-:root, body {
-    font-family: Letter;
-}
-
-.tabbrowser-tab {
-/*    font-size: 13px; */
-}
diff --git a/config/mozilla-firefox/userChrome.css b/config/mozilla-firefox/userChrome.css
new file mode 100644
index 0000000..c9ed829
--- /dev/null
+++ b/config/mozilla-firefox/userChrome.css
@@ -0,0 +1,82 @@
+/*
+ * ~/.mozilla/firefox/<profile>/chrome/userChrome.css
+ *
+ * Excerpt (with additions) from
+ * https://github.com/SAGAtheme/Firefox
+ *
+ * To enable firefox styling, see:
+ * https://www.reddit.com/r/FirefoxCSS/comments/73dvty/tutorial_how_to_create_and_livedebug_userchromecss
+ */
+
+:root {
+	--space-above-tabbar: 0 !important;
+    font-family: Letter;
+}
+
+#TabsToolbar:not([inFullscreen]) > .toolbar-items {
+	margin-bottom: -1px !important;
+    margin-top: -1px;
+}
+
+/* Tabs bar height */
+#tabbrowser-tabs,
+#tabbrowser-tabs arrowscrollbox {
+	height: auto !important;
+	min-height: auto !important;
+}
+
+tab > stack {
+	height: 36px !important;
+	min-height: 36px !important;
+}
+
+/* Space between tabs */
+.tabbrowser-tab:not([pinned=true]) {
+	margin: 1 !important;
+}
+.tabbrowser-tab {
+	border: 0 !important;
+	padding-inline: 0 !important;
+}
+#TabsToolbar {
+	padding: 0 !important;
+}
+#TabsToolbar .toolbarbutton-1:last-child {
+	margin-right: 4px !important;
+}
+
+/* Tab labels */
+tab {
+    font-weight: bold;
+    font-size: 1em;
+}
+
+/* Hide close and newtab buttons */
+/* Hide tab-bar if there is only one tab */
+#tabbrowser-tabs tab:only-of-type,
+#tabs-newtab-button, 
+.tab-close-button {
+    display: none !important; 
+}
+
+/* Center all inside tab */
+.tab-content {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	margin-top: -1px;
+	min-width: 100% !important;
+	padding: 0 10px !important;
+}
+
+/* Full width tabs */
+.tabbrowser-tab:not([style^="max-width"]):not([pinned]),
+.tabbrowser-tab[style^="max-width: 100px !important;"]:not([pinned]) {
+	max-width: 100% !important;
+}
+
+.tabbrowser-tab:not([style^="max-width"]):not([pinned]):not([fadein]),
+.tabbrowser-tab[style^="max-width: 100px !important;"]:not([pinned]):not([fadein]) {
+	max-width: .1px !important;
+}
+