MaterialFox
CustomCSSforFx
MaterialFox | CustomCSSforFx | |
---|---|---|
46 | 161 | |
1,879 | 1,788 | |
- | - | |
0.0 | 5.9 | |
over 1 year ago | about 1 month ago | |
CSS | CSS | |
MIT License | GNU General Public License v3.0 only |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
MaterialFox
-
Google Chrome will limit ad blockers starting June 2024
There are a few, but I'm not sure if they're close enough for you or not: https://addons.mozilla.org/en-US/firefox/addon/google-chrome...
Truthfully, I don't think that Firefox and Chromium look all that different, to me it seems like it's the same layout just different margins/colors/tab styles? So I'm not sure what is close enough or not.
Notably, Firefox also has userChrome.css (https://www.userchrome.org/), so if themes aren't able to get you where you want, it's possible that there's a more extensive change that someone has compiled in a user style (https://firefoxcss-store.github.io/index.html, https://github.com/muckSponge/MaterialFox might be good places to start looking, although I don't have personal experience with either source so this isn't a recommendation).
-
Some questions from a noob about using Linux
Not sure how about the problem with chrome, but I'd like to point out that firefox is extremely themeable, and you could definitely make it look like chrome if that's really your only problem with it. Maybe check out https://github.com/muckSponge/MaterialFox or r/FirefoxCSS
-
Microsoft hijacks Google's Chrome download page to beg you not to ditch Edge
If you don't like Firefox UI you can customize it through themes. For example you can make it look like chrome (MaterialFox). The options are endless and if you know CSS you can make your own theme.
- UI related questions
-
How can i install material fox theme
I tried to download material fox theme for FF but i couldn't find the file from release page if anyone have the file ?? Link
-
Time to contribute into browser wars
For example: https://github.com/muckSponge/MaterialFox
-
Is there any Firefox fork with Chrome UI? (placement of history/bookmarks, shortcut keys, Console window, etc...)
Probably the best you will do: https://github.com/muckSponge/MaterialFox but it hasn't been updated in a while.
- Theme for Chrome refugees on Windows
- Is there a way to make that when i hover over my Mouse cursor to the right upper corner , that i can interact with it just like here on the pictures? first picture is from chrome and 2 one is firefox ! i did try to make those 3 buttons bigger but didn't really work : /
-
time to go back to our ex
fun fact: you can install chrome theme for the firefox https://github.com/muckSponge/MaterialFox
CustomCSSforFx
-
Firefox Proton UI userChrome.css fixes. (2021)
As noted, there are quite a few of these, I use this project:
https://github.com/Aris-t2/CustomCSSforFx.
It's actively maintained and lets me put the tab bar directly above the content but you can set it up to fully return you to the days of Firefox 4 if you want...
- How do i fix this?
-
Firefox Keeps Getting Faster
Just in case you do not know or you are interested, the Firefox's UI is mere CSS, one can customize it through "chrome/userChrome.css" in the profile folder of the user. I put my tabs under the bookmarks for example, just above the page content, with the template from the CustomCSSforFx[1] project, and modified some colors and icons.
Firefox have also the "Browser Toolbox"[2] -and is homologous to the web development tools- that you can use for to explore the CSS of the UI, select elements, the CSS code, and modify them for to see how would work the modifications before to put them within the userChrome.css
The tabs are under the id=TabsToolbar, so an #TabsToolbar{ display: none !important; } or similar should work, in addition to correct the space that it leaves modifying other params css.
[1] https://github.com/Aris-t2/CustomCSSforFx
[2] https://firefox-source-docs.mozilla.org/devtools-user/browse...
-
Why Bother with uBlock Being Blocked in Chrome? Time to Switch to Firefox
Years ago, a strange trend began in which browsers removed by default all the classic menu bars, bookmarks, etc., sacrificing usability for aesthetics.
But fortunately with Firefox it is possible to restore that usability through its options, and custom stylesheets allows us to change the interface under our needs. In my case I use as base [0]customcssforfx for to put the tabs under the url bar (by default is shown over the url bar), and from there I add a couple of lines with custom padding, sizes and icons. [0] https://github.com/aris-t2/customcssforfx
The matter is, when I open the browser I see the following rows:
1. Menu bar (file, edit, view, history, bookmarks, tools, help).
2. history buttons |[ URL BAR ]| reload | home | addons (... | Decentral eyes | CookieAutoDelete | uMatrix | uBlockOrigin | Multi-Acount containers ) | Addons icon | Menu bar icon |.
3. Toolbar bookmarks row | Button for unfolding the bookmarks that don't fit in such row.
4. Pinned tabs (they are only icons) | < | Tab_1, Tab_2, Tab_3, ... | > | + | unfold vertical list of the opened tabs |.
5. The page for the selected Tab.
This allows us to use two bookmarks visual groups, the ones that are unfolded through Menubar's bookmarks, and the ones from Toolbar's folder -what in reality is a subfolder from menubar's bookmarks- that it's shown as 3rd row in the interface. Also the easy access to CookieAutoDelete, uMatrix, uBlockOrigin current page options are essential.
In the Toolbar bookmarks, for being able to visually have more folders as "quick access" row line, I use acronyms as folder names (just for the first ones until fill that space). This between separators, and also mere url icons bookmarks (by removing the bookmark title name its just showed the page icon).
When one push one those folders are unfold all the related sub-folders and sub-bookmarks.
Also, equally important, the folders and bookmarks that don't fit in such row are easily accessible by pushing an icon at the right corner, what unfolds a vertical list with the rest the bookmarks. This is important because in such toolbar one usually have several hundreds of independent bookmarks and folders by topics, with infinite sub-folders and their respective bookmarks, etc.
This let us in Firefox with:
Pinned tabs (that I usually have linked to multi containers), the current session opened tabs, the usability of to have all those topics by clicking the folder or icon, a second different visual group of tabs through Menubar's bookmarks. If one want to add to those folders/topics the page is being read, it's just needed to drag and drop the url there. Also all those folders have the option "open it all in tabs".
I can not think in browsing comfortable without such interface and tools as a starting.
- Firefox 118
-
FF 114 New Tab bottom border weak or missing, depending on theme. Also, CSS needed to reduce size of close tab button
I guess you need to use whatever version of the Aris CSS is meant to be used with a specific version of Fx; it's detailed here.
-
Firefox 114 Bookmarks Toolbar - Bookmark and Bookmark Icon sizing and padding new CSS??
I am using tyhe most recent https://github.com/aris-t2/customcssforfx code but I can't get my previous adds for Bookmark sizing and padding to work.
-
Help moving toolbar icon text back below icons
Yes Aris: https://github.com/aris-t2/customcssforfx
-
Where/how in css can I adjust the tab height?
I am using the userchrome CSS here and I've tried adding height, margin, and padding variations to a lot of different ids and cannot find which of them controls the total tab height. (My current CSS state is that of the code I linked)
-
userchrome CSS to move tabs below navigation bar leaves vertical space above navigation bar? Firefox 113.0.1, Windows 10.
I'm trying to use the userchrome CSS here to put the tabs below the navigation bar, and it does indeed move the tabs below the navigation bar but then leaves the vertical space for the tabs on top of the navigation bar as inactive dead space. What do I need to do to fix this? I also tried the alt version of the CSS code and got the same thing.
What are some alternatives?
Firefox-UI-Fix - 🦊 I respect proton UI and aim to improve it.
FirefoxCSS-Store - A collection site of Firefox userchrome themes, mostly from FirefoxCSS Reddit community.
WaveFox - Firefox CSS Theme/Style for manual customization
FirefoxPWA - A tool to install, manage and use Progressive Web Apps (PWAs) in Mozilla Firefox [Moved to: https://github.com/filips123/PWAsForFirefox]
photon-australis - Bringing sexy curves back to Firefox Photon.
firefox-gnome-theme - A GNOME👣 theme for Firefox🔥
firefox-91plus-photon-userchrome - userChrome.css to restore the classic Photon look on Firefox 91+
Firefox-Mod-Blur - Firefox Theme - For dark theme lovers / More compact / Modular / Blur
firefox-csshacks - Collection of userstyles affecting the browser
spacemacs - A community-driven Emacs distribution - The best editor is neither Emacs nor Vim, it's Emacs *and* Vim!