All Projects → muckSponge → Materialfox

muckSponge / Materialfox

Licence: mit
A Material Design-inspired userChrome.css theme for Firefox

Programming Languages

CSS
56736 projects
javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Materialfox

Firefox-UI-customization
Changing Firefox UI with custom CSS
Stars: ✭ 27 (-98.4%)
Mutual labels:  firefox, userchrome
MinimalistMaterialFox
A Material Design-inspired userChrome.css theme for Firefox, with tweaks to make the UX as optimal and minimal as possible
Stars: ✭ 38 (-97.75%)
Mutual labels:  firefox, userchrome
Prismatic-Night
A dark themed startpage and dark themes for Firefox and Linux inspired by Material design and Adapta.
Stars: ✭ 287 (-83.02%)
Mutual labels:  firefox, userchrome
FirefoxW10ContextMenus
Emulates the Windows 10 context menus in Firefox.
Stars: ✭ 103 (-93.91%)
Mutual labels:  firefox, userchrome
nord-firefox
A Nord theme (userChrome.css) for firefox
Stars: ✭ 26 (-98.46%)
Mutual labels:  firefox, userchrome
firefox-i3wm-theme
i3 and qutebrowser inspired theme for firefox
Stars: ✭ 72 (-95.74%)
Mutual labels:  firefox, userchrome
MaterialFox-BigSur
A cleaner, more refined userChrome.css theme for Firefox—forked from MaterialFox
Stars: ✭ 62 (-96.33%)
Mutual labels:  firefox, userchrome
FirefoxTaskMonitor
Show CPU & memory bar, per tab and all tasks. Firefox userChrome script. 🛠️📊
Stars: ✭ 16 (-99.05%)
Mutual labels:  firefox, userchrome
Epiboard
Web Extension — A new tab page extension with material design and useful features 🆕 🎉
Stars: ✭ 262 (-84.5%)
Mutual labels:  material, firefox
Materialtaptargetprompt
Material Design tap target for Android. https://sjwall.github.io/MaterialTapTargetPrompt/
Stars: ✭ 1,378 (-18.46%)
Mutual labels:  material
Material Design Icons
Material Design icons by Google
Stars: ✭ 44,551 (+2536.15%)
Mutual labels:  material
Redux Webext
Redux for WebExtensions
Stars: ✭ 101 (-94.02%)
Mutual labels:  firefox
Materialdesigndemo
A beautiful app designed with Material Design.
Stars: ✭ 1,391 (-17.69%)
Mutual labels:  material
Materialspinner
Implementation of a Material Spinner for Android with TextInputLayout functionalities
Stars: ✭ 107 (-93.67%)
Mutual labels:  material
Material Remixer Ios
Remixer for iOS: Live adjustment of app variables.
Stars: ✭ 101 (-94.02%)
Mutual labels:  material
Anexplorer
📁 Another Android Explorer ( File Manager ) is an All-in-One Open source file manager. AnExplorer File Manager (File Explorer) is designed for all android devices including Phones, Phablets, Tablets, Chromecast, Wear OS, Android TV and Chromebooks. It's a fully designed with Material guidelines by Google.
Stars: ✭ 1,505 (-10.95%)
Mutual labels:  material
Cardview
Material Design Cards ? How cool is that !
Stars: ✭ 101 (-94.02%)
Mutual labels:  material
Xposed Fast Repo
EdXposed Repo
Stars: ✭ 101 (-94.02%)
Mutual labels:  material
Qaterial
🧩 Collection of Material Components based on QtQuickControls2.
Stars: ✭ 110 (-93.49%)
Mutual labels:  material
Rofi Spotlight
Spotlight-like Rofi
Stars: ✭ 109 (-93.55%)
Mutual labels:  material

MaterialFox

A Material Design-inspired userChrome.css theme for Firefox

Preview This theme is powered by blood, sweat, and coffee. If you like it, please consider helping out to support its continued development.

Buy me a coffee

What this does

Inspired by Google's Material Design and their latest Google Chrome UI, this theme turns your Firefox into a Material-styled web browser. The aim was to style the browser as closely as possible to Google Chrome, where practical.

This is a userChrome.css theme, which means you must manually add it to your Firefox profile. The theme overrides certain browser styles. Currently, only the main UI is affected (settings pages, etc. are not). More elements of the UI may be styled in the future but a broader scope becomes harder to maintain as Mozilla updates their browser code so some UI styles may be culled or redone if they become unmaintainable.

What version do I use?

Check the releases section. Each release version will match the compatible Firefox version. For example, if you're using Firefox 88, try a v88.x release. If there's no matching release and you're not using an old version of Firefox, go for the latest one. If you're using a beta version of Firefox, you might want to try the master branch, which will have the latest bug fixes.

Installation

  1. Copy the chrome folder and user.js file into your Firefox profile directory. To find your profile directory, go to about:support or about:profiles.
  2. See Recommended instructions if you'd prefer a more Chrome-like experience.
  3. Restart Firefox.

Recommended instructions

Add space above tab bar:

  • Right click on toolbar -> Customize.
  • Check Drag Space checkbox.

Replicate Chrome behaviour for clipped tabs:

  • [about:config] Set browser.tabs.tabClipWidth to 83 (default is 140).

Replicate Chrome's "Not Secure" text on HTTP:

  • [about:config] Set security.insecure_connection_text.enabled to true.

Please note

  • Linux is no longer officially supported but you can give it a try – if you'd like to work on it feel free to make a PR.
  • Some customisation settings may no longer work (such as compact/touch density).
  • Some custom themes may clash with the address bar.
  • Some themes using transparency might not work.
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].