mozilla: old style tabs for firefox 90+

1 files changed, 31 insertions, 0 deletions

diff --git a/mozilla/.mozilla/firefox/pks.default/chrome/userChrome.css b/mozilla/.mozilla/firefox/pks.default/chrome/userChrome.css
index a157eee..292f913 100644
--- a/mozilla/.mozilla/firefox/pks.default/chrome/userChrome.css
+++ b/mozilla/.mozilla/firefox/pks.default/chrome/userChrome.css
@@ -21,3 +21,34 @@ menuitem[label="Move to New Window"]
   display: none !important
 }
 
+tab {
+    font-size: 12px !important;
+}
+
+/* Use color and shape to make the tabs look more like tabs */
+.tab-background {
+    background: #cccccc;
+    border-radius: 3px 3px 0 0 !important;
+    margin-bottom: 0px !important;
+    box-shadow: 0 0 1px 1px rgba(0,0,0,0.1) !important;
+    border: 1px solid rgba(0,0,0,.5) !important;
+    border-bottom-width: 0px !important;
+}
+
+/* Selected tabs I want a bright background with a dark foreground */
+.tabbrowser-tab[selected] .tab-background {
+    background: white !important;
+}
+.tabbrowser-tab[selected] .tab-label {
+    color: black !important;
+    font-weight: bold !important;
+}
+/* Draw a solid line underneath to make the selected tab look *connected* to the rest of the browser */
+#TabsToolbar {
+    border-bottom: 1px solid #fcb731 !important;
+}
+
+/* Hover over tabs */
+.tabbrowser-tab:hover .tab-background:not([selected]) {
+    background: #eeeeee !important;
+}