From 0e5fbfa210b3a816ea79911c8db05f41bb314ccd Mon Sep 17 00:00:00 2001 From: pks Date: Sun, 22 Aug 2021 21:29:46 +0200 Subject: mozilla: old style tabs for firefox 90+ --- .../firefox/pks.default/chrome/userChrome.css | 31 ++++++++++++++++++++++ 1 file changed, 31 insertions(+) (limited to 'mozilla/.mozilla/firefox/pks.default/chrome/userChrome.css') 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; +} -- cgit v1.2.3