From 23c5b7792c40b85ca2a1d9de1a361e8fc2ecb4c4 Mon Sep 17 00:00:00 2001
From: MrOtherGuy <jastekken@outlook.com>
Date: Sun, 21 Oct 2018 21:27:25 +0300
Subject: [PATCH] New stuff

---
 README.md                                   |  4 +-
 chrome/more_visible_tab_icon.css            |  2 +
 chrome/navigation_buttons_inside_urlbar.css | 49 +++++++++++++++++++++
 chrome/tab_close_button_always_on_hover.css |  7 +++
 4 files changed, 60 insertions(+), 2 deletions(-)
 create mode 100644 chrome/more_visible_tab_icon.css
 create mode 100644 chrome/navigation_buttons_inside_urlbar.css
 create mode 100644 chrome/tab_close_button_always_on_hover.css

diff --git a/README.md b/README.md
index 18d4f38..de4f1fb 100644
--- a/README.md
+++ b/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
 
diff --git a/chrome/more_visible_tab_icon.css b/chrome/more_visible_tab_icon.css
new file mode 100644
index 0000000..9de2a57
--- /dev/null
+++ b/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; }
\ No newline at end of file
diff --git a/chrome/navigation_buttons_inside_urlbar.css b/chrome/navigation_buttons_inside_urlbar.css
new file mode 100644
index 0000000..9956a61
--- /dev/null
+++ b/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; }
\ No newline at end of file
diff --git a/chrome/tab_close_button_always_on_hover.css b/chrome/tab_close_button_always_on_hover.css
new file mode 100644
index 0000000..49a0d48
--- /dev/null
+++ b/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;
+}
\ No newline at end of file