add "tweaks" customisation

README.md

@@ -22,6 +22,29 @@ A Firefox userChrome.css theme that aims to recreate the look and feel of the Ch
    
 **Note: Most frequently tested on macOS**
 
+## Tweaks
+Certain tweaks can be applied to the theme, to enable them navigate to `about:config` and create a boolean key for each tweak and set it to `true` and restart the browser.
+
+To disable a tweak, set the key to false or delete it and restart the browser.
+
+|disable drag space above tabs|
+|-|
+|`uc.tweak.disable-drag-space`|
+
+|force tab background colour to `--toolbar-bg` (useful for Proton themes)|
+|-|
+|**NOTE: can cause readability issues with some themes! (eg. white text on white bg)**|
+|`uc.tweak.force-tab-colour`|
+
+|only show Firefox account button when in private mode (useful as a private browsing indicator)|
+|-|
+|**NOTE: all functionality of this button can still be accessed from the app menu.**|
+|`uc.tweak.fxa-button-as-private-indicator`|
+
+|remove tab separators|
+|-|
+|`uc.tweak.remove-tab-separators`|
+
 ## Acknowledgements
 [muckSponge](https://github.com/muckSponge) - [MaterialFox](https://github.com/muckSponge/MaterialFox)
 

chrome/global/popup.css

@@ -215,12 +215,6 @@
 }
 
 /* auto complete popup */
-menupopup,
-panel[type="autocomplete-richlistbox"] {
-  /* -moz-window-shadow: none !important; */
-  appearance: none !important;
-}
-
 #PopupAutoComplete>.autocomplete-richlistbox {
   background: var(--arrowpanel-background) !important;
   color: var(--arrowpanel-color) !important;

chrome/global/tweaks.css

@@ -0,0 +1,35 @@
+/* EdgeFr-Fox by bmFtZQ - tweaks.css */
+
+/* disable drag space above tabs */
+@supports -moz-bool-pref("uc.tweak.disable-drag-space") {
+  :root #titlebar {
+    --tab-block-margin: 0px !important;
+  }
+}
+
+/* force tabs to toolbar bg (useful for proton themes) (might experience some
+bugs with certain themes eg. dark text on dark background.) */
+@supports -moz-bool-pref("uc.tweak.force-tab-colour") {
+  :root {
+    --lwt-selected-tab-background-color: unset !important;
+  }
+}
+
+/* hide firefox account button when not in private mode (useful as a private
+browsing indicator) */
+@supports -moz-bool-pref("uc.tweak.fxa-button-as-private-indicator") {
+  :root:not([privatebrowsingmode]) #nav-bar:not([customizing]) #fxa-toolbar-menu-button {
+    display: none !important;
+  }
+}
+
+/* remove tab separators */
+@supports -moz-bool-pref("uc.tweak.remove-tab-separators") {
+  .tabbrowser-tab:not([selected="true"], :hover, [beforeselected-visible], [beforehovered]) .tab-stack::after {
+    display: none !important;
+  }
+
+  .tabbrowser-tab:not([last-visible-tab="true"]) {
+    margin-inline-end: 0px !important;
+  }
+}

chrome/userChrome.css

@@ -7,22 +7,4 @@
 @import url("toolbar/urlbar.css");
 @import url("global/colors.css");
 @import url("global/popup.css");
-
+@import url("global/tweaks.css");
-/* tweaks */
-
-/* disable drag space above tabs */
-/* :root #titlebar {
-  --tab-block-margin: 0px !important;
-} */
-
-/* force tabs to toolbar bg (useful for proton themes) (might experience some
-bugs with certain themes eg. dark text on dark background.) */
-:root {
-  --lwt-selected-tab-background-color: unset !important;
-}
-
-/* hide firefox account button when not in private mode (useful as a private
-browsing indicator) */
-/* :root:not([privatebrowsingmode]) #nav-bar:not([customizing]) #fxa-toolbar-menu-button {
-  display: none !important;
-} */