+ firefox: add minimal-functional-fox

.config/mozilla/README.md

@@ -1,4 +1,6 @@
 # Firefox Theming
 
 - [minimal-functional-fox](https://github.com/mut-ex/minimal-functional-fox) for restyling Firefox
+    - link `chrome` into the mozilla profile
+        - macOS: profiles under `~/Library/Application Support/Firefox/Profiles/`
 - [nightTab](https://github.com/zombieFox/nightTab) for new tab page

.config/mozilla/chrome/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2019 turing753
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

.config/mozilla/chrome/README.md

@@ -0,0 +1,49 @@
+# minimal-functional-fox
+
+If you are looking for a minimal, yet functional Firefox userChrome stylesheet...you might like this one!
+
+
+
+**Note:** Firefox update 72.0 basically broke just about everything. I have fixed almost everything and pushed the fixed userChrome file. However if you encounter any bugs feel free to open an issue. Thanks!
+
+
+
+## Preview
+
+![userChrome.css preview 1](https://github.com/turing753/myuserchrome/blob/master/preview.png)
+
+## Features
+
+* Minimal bloat
+* Easy way to quickly change colors, tab dimensions, paddings to your liking through CSS variables
+* Pinned tabs are re-styled to stand out
+* Tab list underneath the navigator area
+* Centered URL bar, with a thinner, centered results list
+* Fix for buggy shadows on Linux
+
+## Instructions
+
+* Make sure that you have enabled the **userChrome** option
+  1. Go to the address `about:config` in Firefox
+  2. Search for `toolkit.legacyUserProfileCustomizations.stylesheets`
+  3. Confirm the option is set to true
+
+* Make sure that you have the `Dark` theme enabled
+  1. Go to the address `about:addons`
+  2. Select `Themes`
+  3. Enable the `Dark` theme if not already enabled
+
+* Copy the contents of this repository to `.mozilla/firefox/<your-profile-name>/chrome/`
+  * <your-profile-name> will be a directory ending with '-release' and have a bunch of files in it
+  * If there isn't a chrome folder, you can just go ahead and create one
+
+* If your new tab button looks too tiny/squished, [check out this fix](https://www.reddit.com/r/unixporn/comments/ebchep/oc_i_created_this_userchrome_configuration_to_be/fb59g0k?utm_source=share&utm_medium=web2x)
+
+* **Optional but recommended**
+  1. Select the Customize option from the hamburger menu
+  2. Remove all items except for:
+    * Forward button
+    * Back button
+    * Downloads button
+
+* [You can find the new tab page extension here](https://addons.mozilla.org/en-US/firefox/addon/nighttab/)

.config/mozilla/chrome/userChrome.css

@@ -0,0 +1,243 @@
+html#main-window {
+	--color-bg: #1e1f29;
+	--toolbar-bgcolor: var(--color-bg) !important;
+
+	--gap-between-tabs: 5px;
+	--margin-after-tab-list: 8x;
+	--margin-before-tab-list: 8px;
+	--tab-font: "Cantarell", sans-serif;
+	--tab-font-weight: 700;
+	--tab-height: 32px;
+	--tabs-container-height: 140px;
+
+	--urlbar-container-margin: 5px;
+	--urlbar-list-width: 60%;
+	--urlbar-text-font: "mononoki Nerd Font", sans-serif;
+	--urlbar-text-size: 15pt;
+	--urlbar-text-weight: 700;
+
+	/* Firefox variables */
+	--lwt-toolbar-field-focus-color: #a1ffb6 !important;
+	--lwt-toolbar-field-color: #fefefa !important;
+	--lwt-toolbar-field-background-color: var(--color-bg) !important;
+
+	--arrowpanel-background: #1e1f29 !important;
+	--arrowpanel-color: white !important;
+	--arrowpanel-border-color: transparent !important;
+}
+
+/* This positions the tabs under the navaigator container */
+#titlebar {
+	-moz-box-ordinal-group: 3 !important;
+}
+
+/* *******************************************************************
+	Toolbar Elements
+*/
+.browser-toolbar {
+	padding-left: 10px !important;
+	padding-top: 10px !important;
+	padding-right: 10px !important;
+}
+
+/* Bookmarks bar tweaks */
+#PlacesToolbar {
+	align-items: center !important;
+	display: flex !important;
+	font-family: "mononoki Nerd Font", sans-serif !important;
+	font-size: 12pt !important;
+	font-weight: 700 !important;
+	justify-content: center !important;
+}
+
+/* Custom back and forward buttons */
+#back-button {
+	list-style-image: url("left-arrow.svg") !important;
+}
+
+#forward-button {
+	list-style-image: url("right-arrow.svg") !important;
+}
+
+#navigator-toolbox {
+	--tabs-border-color: var(--color-bg) !important;
+	background-color: var(--color-bg) !important;
+	border: none !important;
+	box-shadow: none !important;
+	max-height: var(		--tabs-container-height	) !important;
+	min-height: var(		--tabs-container-height	) !important;
+}
+
+/* *******************************************************************
+	Urlbar
+*/
+
+/* Url bar suggestions list container */
+.urlbarView {
+	background-color: var(--color-bg) !important;
+	border-radius: 0 8px 8px !important;
+	box-shadow: 0px 0px 40px rgba(0, 0, 0, 35%) !important;
+	box-shadow: none !important;
+	margin: auto !important;
+	width: var(--urlbar-list-width) !important;
+}
+
+/* Url bar suggestions' selected row */
+.urlbarView:not(.megabar) .urlbarView-row:not([type="tip"])[selected],
+.urlbarView.megabar .urlbarView-row:not([type="tip"])[selected] > .urlbarView-row-inner {
+	background: #f9ff99 !important;
+	color: black !important;
+	fill-opacity: 1;
+}
+
+/* The text that says 'Search with ...' */
+.urlbarView-action {
+	color: black !important;
+}
+
+/* Url bar suggestions' row that is being hovered over */
+.urlbarView-row:hover {
+	background-color: none !important;
+	background-image: linear-gradient(77deg, #ffc386, #ff8989) !important;
+	color: black !important;
+}
+
+/* Text that says: This time, search with: */
+#urlbar-one-offs-header-label {
+	font-family: "Cantarell", sans-serif !important;
+	font-size: 14pt !important;
+	font-weight: 700 !important;
+}
+
+#urlbar-background,
+#urlbar-container,
+.urlbar-input-box {
+	background-color: var(--color-bg) !important;
+	background-image: none !important;
+}
+
+#urlbar:not(.megabar),
+#urlbar.megabar > #urlbar-background,
+#searchbar {
+	border: none !important;
+	box-shadow: none !important;
+}
+
+/* Hacky way to make the url input bar centered */
+input#urlbar-input {
+	caret-color: transparent !important;
+	font-family: var(--urlbar-text-font) !important;
+	font-size: var(--urlbar-text-size) !important;
+	font-weight: var(--urlbar-text-weight) !important;
+	text-align: center !important;
+	width: 99999px !important;
+}
+
+.urlbarView-favicon,
+.urlbar-history-dropmarker,
+#star-button,
+#identity-box {
+	display: none !important;
+}
+
+#tracking-protection-icon-container,
+#urlbar-search-button {
+	background-color: none !important;
+	background-image: none !important;
+	border: none !important;
+}
+
+/* *******************************************************************
+	Browser tabs
+*/
+
+/* Hide some bloat */
+.tab-close-button,
+.tab-line,
+.tabbrowser-tab::before,
+.tabbrowser-tab::after,
+.tabbrowser-tab .tab-icon-image {
+	display: none !important;
+}
+
+/* Regular browser tabs */
+.tabbrowser-tab {
+	background-color: #1e1f29 !important;
+	background-image: linear-gradient(to left, var(--color-tab-normal-start), var(--color-tab-normal-end)) !important;
+	border-radius: var(--tab-height) !important;
+	margin-inline-end: var(--gap-between-tabs) !important;
+	max-height: var(--tab-height) !important;
+	min-height: var(--tab-height) !important;
+}
+
+.tabbrowser-tab:hover {
+	background-color: none !important;
+	background-image: linear-gradient(to left, #c97dff, #ff8989) !important;
+	color: black !important;
+}
+
+.tabbrowser-tab[selected="true"] {
+	background-color: none !important;
+	background-image: linear-gradient(to left, #a1ffb6, #f9ff99) !important;
+	color: black !important;
+	font-weight: var(--tab-font-weight) !important;
+}
+
+.tab-content {
+	background-color: none !important;
+	background-image: none !important;
+	font-family: var(--tab-font) !important;
+}
+
+/* pinned browser tabs */
+/* TODO: Find a way to add spacing between the pinned tabs when tab list scrolling is triggered. Adding a margin just screws everything up */
+.tabbrowser-tab:hover[pinned="true"] {
+	background-image: linear-gradient(to left, #ff8989, #ff8989) !important;
+}
+
+.tabbrowser-tab[pinned="true"][selected="true"] {
+	background-image: linear-gradient(to left, #a1ffb6, #a1ffb6) !important;
+}
+
+.tabbrowser-tab[pinned="true"] {
+	background-image: linear-gradient(to left, #ffc386, #ffc386) !important;
+	color: #1d1d1d !important;
+	max-width: var(--tab-height) !important;
+	min-width: var(--tab-height) !important;
+}
+
+.tabbrowser-tab[pinned="true"] .tab-icon-image {
+	align-items: center !important;
+	display: inline-block !important;
+	min-height: var(--pinned-tab-favicon-dim) !important;
+	min-width: var(--pinned-tab-favicon-dim) !important;
+}
+
+.tabbrowser-tab[pinned="true"] .tab-label-container {
+	display: none !important;
+}
+
+.tab-stack {
+	display: flex !important;
+	justify-content: center !important;
+}
+
+/* Modify these values to tweak the start point of the tab list */
+.tabbrowser-arrowscrollbox {
+	margin-inline-start: var(--margin-before-tab-list) !important;
+	margin-inline-end: var(--margin-after-tab-list) !important;
+}
+
+/* *******************************************************************
+	Settings menu pop-up
+*/
+.panel-arrowbox {
+	margin: 0 !important;
+	display: none !important;
+}
+
+.panel-arrowcontent {
+	opacity: 1 !important;
+	margin: 0 !important;
+}
+

.config/mozilla/chrome/userContent.css

@@ -0,0 +1,22 @@
+/* Removes white loading page */
+
+@-moz-document url(about:blank), url(about:newtab), url(about:home) {
+    html:not(#ublock0-epicker), html:not(#ublock0-epicker) body, #newtab-customize-overlay {
+      background: #1d2021 !important;
+    }
+  }
+
+
+  /* Hide scrollbar */
+
+  :root{
+    scrollbar-width: none !important;
+  }
+  }
+
+  @-moz-document url(about:privatebrowsing) { 
+
+  :root{
+    scrollbar-width: none !important;
+  }
+  }