New stuff

README.md

@@ -1,6 +1,6 @@
-* Collection of random CSS hacks for Firefox
+# Collection of random CSS hacks for Firefox
 
-* Usage
+# Usage
 
 Use stylesheets under "chrome" in userChrome.css
 

chrome/more_visible_tab_icon.css

@@ -0,0 +1,2 @@
+/* Makes black favicons more visible on dark background, contrast will be lowered though */
+.tab-icon-image{ filter: invert(40%) contrast(250%) saturate(250%) !important; }

chrome/navigation_buttons_inside_urlbar.css

@@ -0,0 +1,49 @@
+/* Requires you to edit toolbar layout. Put buttons directly to the right of the urlbar in this order: <urlbar><reload-button><back-button><forward-button>*/
+/* Actually, the order of reload and back-buttons doesn't matter */
+#urlbar{
+  margin-right:0px !important;
+  border-right:none !important;
+  border-top-right-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
+}
+
+#urlbar,
+#nav-bar-customization-target > .chromeclass-toolbar-additional[overflows="false"]{
+  border-color: var(--lwt-toolbar-field-border-color, hsla(240,5%,5%,.25));
+}
+
+#nav-bar-customization-target > .chromeclass-toolbar-additional[overflows="false"]{
+  margin: 3px 0 !important;
+  padding: 0 0px !important;
+  background-clip: padding-box;
+  border-style: solid;
+  border-width: 1px 0;
+  opacity: 1 !important;
+  background-color: var(--lwt-toolbar-field-background-color, hsla(0,0%,100%,.8));
+}
+#nav-bar-customization-target > .chromeclass-toolbar-additional[overflows="false"] .toolbarbutton-icon{
+  border: none !important;
+  border-radius: 0 !important;
+  margin: -3px 0 !important;
+  background-color:transparent;
+  height: initial !important;
+  width: initial !important;
+}
+
+#nav-bar-customization-target > .chromeclass-toolbar-additional[overflows="false"]:not([disabled]):hover{
+  background-color: hsla(0,0%,70%,.35);
+}
+
+#urlbar-container:focus-within ~ .chromeclass-toolbar-additional[overflows="false"]{
+  border-color:Highlight !important;
+}
+
+#urlbar-container ~ .chromeclass-toolbar-additional[overflows="false"][disabled] .toolbarbutton-icon{ opacity: 0.4 !important }
+
+#forward-button{
+  border-right-width: 1px !important;
+  border-radius: 0 2px 2px 0 !important;
+}
+
+#back-button, #back-button > image{ border-radius: 0 !important; }
+#stop-reload-button{ padding: 0 !important; }

chrome/tab_close_button_always_on_hover.css

@@ -0,0 +1,7 @@
+/* Always show tab close button on hover and never otherwise */
+.tabbrowser-tab .tab-close-button{
+  display:none;
+}
+.tabbrowser-tab:not([pinned]):hover .tab-close-button{
+  display:-moz-box !important;
+}