mut-ex / minimal-functional-fox

A minimal, yet functional Firefox userChrome configuration.

minimal-functional-fox

A minimal, yet functional configuration for Firefox!

If you would like to show your appreciation for this project,
please consider a donation :)

Features

• Minimal bloat (non-crucial icons and decorations hidden)

• Easy way to tweak fonts, colors, and spacings to your liking through CSS variables

• Tab list below toolbar

• Tab(s) with sound playing highlighted with a different color

• Centered URL bar with narrow-er results list

• And more!

---

Prerequisites

• Verify that the user stylesheets (userChrome) option is enabled:

  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 Default theme enabled

  1. Go to the address about:addons
  2. Enable the Default theme if not already enabled

---

Installation

Quick Install

You can quickly install minimal functional fox via the command-line by using curl:

sh -c "$(curl -fsSL https://raw.githubusercontent.com/mut-ex/minimal-functional-fox/master/install.sh)"

It is a good idea to inspect the install script for projects you aren't familiar with. To do that, you can download the install script separately, go through it to make sure everything looks OK, then go ahead and run it once you are satisfied:

curl -Lo install.sh https://raw.githubusercontent.com/mut-ex/minimal-functional-fox/master/install.sh
sh install.sh

Note: The install script will create a backup of your existing userChrome.css, and userContent.css files by renaming them to userChrome.css~, and userContent.css~ respectively in the chrome directory.

Manual Install

If quick install does not work, or if you simply prefer to; you can manually install minimal functional fox through the following steps:

1. Locate your Firefox user directory. You should be able to find it by navigating to /home/.mozilla/firefox/ and looking for a directory ending with the world .default-release.
2. Within your Firefox user directory, locate the chrome directory, if one does not already exist you can simply go ahead and create it yourself.
3. Download the contents of this repository, and copy all the files to the chrome directory within your Firefox user directory.

After installation, restart Firefox to see the effects.

---

Recommended Tweaks

• Select the Customize option from the hamburger menu (≡), and remove all items except for:
  • Forward button
  • Back button
  • Downloads button
• The new tab page extension is called nightTab. You can can find it here

---

Customizing

You can easily tweak the theme by changing the relevant CSS variables, starting with --mff- located within the :root section at the top of the userChrome.css file.

 :root {
     /* Minimal Functional Fox variables*/
     --mff-bg: #293241;
     --mff-icon-color: #e0fbfc;
     --mff-nav-toolbar-padding: 8px;
     /*
     ...
     ...
     ...
     */
}

minimal-functional-fox's Issues

New store for FirefoxCSS themes

Hi, I don't know how to contact you so I'm using this.

We are creating a website where to collect firefox themes. we have included yours by linking to this github.

I invite you to add/change/remove any information we have added to our website. I hope you like the initiative and that in the future you will send us more themes.

here are the links:
web: https://firefoxcss-store.github.io/
repo: https://github.com/FirefoxCSS-Store/FirefoxCSS-Store.github.io

Regards :)

No search result icons

Hello! I would like to know how to add search result icons. Here's a screenshot:

Also, is there any way to add the "X" button to the tabs?

I'm running Firefox 76 (64 bit) on Arch Linux (kernel 5.6.10-arch1-1)

Two questions (sorry didn't find another way to ask this)

1. Is it possible to use this theme on Windows 10 as well? I tried adding the chrome folder, but I didn't get it working. So either I'm doing something wrong, or it can't be used on Windows.
2. Any chance you are using Thunderbird as your email client and are looking into making such an amazing theme for that as well? If poissible. :D

No scroll bar and no X button for the tabs

I find this awesome, but I just realised there's no scroll bar. The X button aren't much of a problem because I can simply middle-click. But I really miss the scroll bar.

userContent clobbers ProtonMail composer background

Raising this issue in case someone else has the same problem. The lines:

@-moz-document url(about:blank), url(about:newtab), url(about:home) {
    html:not(#ublock0-epicker), html:not(#ublock0-epicker) body, #newtab-customize-overlay {
      background: var(--mff-bg) !important;
    }
  }

cause the ProtonMail client composer to take on whichever color you've set as --mf-bg (in my base #000000). To fix I just commented out the line and the overall theme seems unbroken, but there may be a smarter fix (I'm crap at CSS, sorry).

How to install the theme on mac OS ?

smaller header

I already asked this on reddit but no matter what I do I can't get it the way I want it. Here's a pic of opera vs FF](https://imgur.com/a/NEBvfap) as you can see the header in FF is much taller almost double the size.
What I want is the urlbar and the tabs right under so all this wasted space disappears. Not sure if its even possible Another thing when I minimized my tabs the new tab button disappeared. The button is still there but the plus sign is gone - and the button is only visible when I hover over it.
I've used nighttab for approx 8 months now and I was convinced it couldn't be any better than it was - you proved me wrong. This is truly the icing on the cake

Unwanted rectangles after latest LibreWolf update

Hello,
after latest update (to 87.0-1), two rectangles in different color, one with minimize, maximize and close window buttons have appeared in my LibreWolf browser. Is this problem only affecting LibreWolf, or is it also Firefox issue? Is there possibility to turn them off, or at least change their color?

Thank you very much, love this project.

Closing buttons covered

FF 75

FF 75 issues

Just updated to FF75 on Manjaro Linux and it's now having some weird graphics issues with the tab container where the top of the tab container looks a bit chopped off

Back and forward page not showing

Hi, your theme is great, however the forward and back button don't display correctly.

What should I change to make them visible?

No location .mozilla/firefox/<my-profile-name>/chrome/

I use archlinux, and I can't find the location.

A bad result ?

I have tried to implement this theme in my firefox v71 (Ubuntu 19.19) but I think that the result does not resemble what it should be.

Scrollbar?

The scrollbar seems to be disabled by default. I've checked the userChrome.css file thoroughly but I couldn't find any snippet of code mentioning the scrollbar. I'm given to understand this same issue was opened by another user several months ago and an answer was given explaining to comment out the "hide scrollbar" portion of the code. However, I'm unable to find this segment at all. Sorry if this issue seems rather silly to ask again.

Weird window closing button being present

For some reason, I have a weird issue of the closing button (top right corner) being present. No idea why it is happening. No changes are made to userchrome.css

Animate tabs opening and close?

Hello,

Thanks for sharing your config! The one thing that doesn't seem to be working for me is the animation of tabs opening and closing as shown in the gif in the README. For me, the tabs either pop open or close with no growing/shrinking effect. Does anyone know how to get it working? My guess is that firefox changed something that now causes the animations to not work. I can't tell by looking at the userchrome.css which property is responsible for the animations.

Thanks again!

Request for transparency support

By enabling gfx.webrender.all in about:config and adding the snippet below in your theme, I managed to add a transparency with a compositor. It would be sweet if you implement this in your theme.

#TabsToolbar, #titlebar, #main-window, #navigator-toolbox {
	-moz-appearance: none !important;
	background-color: transparent !important;
	background-image: none !important;
}

Here's what it looks like:

Experiencing issue where autofill list is centered and cut off

Title, here is a photo for reference:

I've tried changing text alignment for the urlbar list but have had no luck as of yet.
Would greatly appreciate any help.

No X button for the tabs

My X button is gone for my tabs.

Fonts dependencies?

can you provide a list of fonts to mimic the setup??

Incorrect font in url bar

Hello,
There is a different font in the url bar than is shown in the gif example - I've included a screenshot. I think the problem is somewhere on my end (not having the correct font, possibly) but I would appreciate guidance in fixing the problem!
Thank you.

Arrows in bookmarks menu are huge and taking up whole screen

Hi,

first of all, thank you for your great work. Your custom theme looks amazing.

i do have a small issue. The arrows in the bookmark menu (show all bookmarks) are taking up the whole screen when i activate your theme.

This is how it looks normally:

This is how it looks when your userChrome.css is in my profiles

Do you have an idea on how to fix it? Thank you very much in advance

How do I get rid of the bookmarks bar?

Issue with Sound playing Icon's shape

Just finished installing this theme and the number one thing that bothering me is the sound playing icon's shape. Normally icons have a rounded finish but somehow this icon becomes a rectangle when the color switches. This issue happens for all colors and was wondering if you guys have a solution for this or is it just meant to be like this.

Latest update broke the theme

The latest version 89.0 of the Firefox Browser is incompatible with this theme. Would it be possible to update the theme?

Thanks

Tab closing button

It would be handy to have a button to close a tab. Right now I don't see one and find it weird to right click on a tab to close it via a menu.

Visualize multi-selected tabs

What's the issue about:
Tabs multiselection is enabled by default in firefox quantum. One can use the feature by holding CTRL and clicking the wanted tabs.

Expected behaviour:
selected tabs are marked
What happens instead:
they aren't (but they're still selected)

I added this in userChrome.css, l. 186:

.tabbrowser-tab[multiselected="true"] {⏎
    background-color: none !important;⏎
    background-image: linear-gradient(to left, #1f4037, #99f2c8) !important;⏎
    color: black !important;⏎
    font-weight: var(--tab-font-weight) !important;⏎
}

which can perhaps be a starting point.
Thanks for your work!

Any way to show favbar below tabs?

I tried to change the

-moz-box-ordinal-group: 3 !important;

And other parts, but have no effect unless moving the tabs up the search bar (which i don't want, i just wanted to have the favbar below everythin), is it possible? Thanks.

Pinned tabs look weird when many tabs are open

When many tabs are open, pinned tabs look like this:

As you can see in the image above, the favicon of the pinned tab is rendered above the text of non-pinned tabs. I've only made small tweaks to the original minimal-function-fox (colors and rounded borders), so I think this "bug" may be affecting other users as well.

Thanks for developing this awesome config! Made my internet browsing much more focused and aethetically pleasing.

gmail tickmarks not showing

Thank you for your amazing work.
Selection tick boxes for different emails on gmail.com disappear when applying this theme.
Let me know if I can help.

Url bar width wired.

After update firefox to 74.0b3. Url bar width config seems not work.

Can you fix it? (I am not good at css..... :>)

Theme is broken after firefox 72.0 update

Hey, I just want to report that the theme is not working properly after updating to:
Mozilla Firefox 72.0

Request for auto hiding nav and/or bookmarks bar.

I think it would be a nice update version since most people use small screen. This would be nice to have more room to working on. Thank for your work!

Weird space beneath tab bar

After updating the theme I'm getting some weird 'bar' beneath my tabs. My desktop resolution is 1366x768 in case that helps you in any way.

How to display scrollbar?

I want to show scrollbar but didn't find config about it.

Forward And Back Buttons are Invisable. Random unused Extra space on the tabbar.

Hello so my forward and back buttons are totally invisible.
I am on windows so i understand if you dant want to fix that.

No mozilla user directory found.

the script is failing to find my profile folder but if manually type in the find it finds the folder

sh -c "$(curl -fsSL https://raw.githubusercontent.com/mut-ex/minimal-functional-fox/master/install.sh)"
sh: 50: [[: not found
 [!!] No mozilla user directory found. Terminating...

find ~/.mozilla/firefox -maxdepth 1 -type d -regextype egrep -regex '.*[a-zA-Z0-9]+.default-release' 

/home/vorticalbox/.mozilla/firefox/usjhv61h.default-release