/FUIX

A browser extension for updating social media UI (eg: Facebook, Messenger, Instagram). Available for Chrome, Firefox, MS Edge, Opera

Primary LanguageCSS

FUIX

A browser extension for updating social media UI (eg: Facebook, Messenger, Instagram). Available for Chrome, Firefox, MS Edge, Opera

🌐 Browser Specs

  Chrome Firefox Safari Microsoft Edge Opera
Browser Chrome Firefox Safari MS Edge Opera
Required Version v92.0 or higher v92.0 or higher N/A v79 or higher v92.0 or higher
Install Add to Chrome Add to Firefox N/A Add to Microsoft Edge Add to Opera

🖼️ Demos

Facebook Light
FB Light
Facebook Dark
FB Dark
 
Messenger Light
m.me Light
Messenger Dark
m.me Dark
 
 
Dark Instagram
Dark Instagram

⬇️ Installation

Click on the Add to Chrome (or your preffered browser) link from the above table. After installing the addon you can pin it to your borwser in order to access and save preferences instantly.
Pin FUIX addon
Then click on the FUIX Logo icon from the borwser toolbar or click from the Extension icon Extension dropdown (if you didn't pinned it)


⚙️ Settings

FUIX Interface


At the footer of FUIX addon you can some action button Action Buttons
  • Hover Tips:
    If you don't want to see tips when mouse hover over every item then click to turn it off Stop Tips

  • Report Issue:
    If something happens wrong with the FUIX addon or you notice any issue just click on the Report Issue Button

  • Rate us:
    If you wish to leave us rating click on the star icon rating from the FUIX addon footer or click below your preferred browser.

    Chrome       Firefox       Safari       MS Edge       Opera
FUIX Interface & Settings
Here you'll get all the optons.

  1. Facebook Facebook: Turn it on Toggle on If you want to apply UI like Demo 1 & 2. The design will be applied to Facebook Light and Dark - both modes.

  2. Messenger Messenger: Turn it on Toggle on If you want to apply UI like Demo 3 & 4. The design will be applied to Mesenger Light and Dark - both modes. Dark messenger will work when it's enabled. To do that, follow the next step. There's also another option (button) inside the Messenger box. Fb to m.me Enable it, if you want to apply some facebook styles to the messenger (specially selected item/row or selected chat) like the below image the selected row will be hightlighted on Light and Dark - both modes.
    Selected Chat Light Selected Chat Dark


  3. Dark Messenger Dark Messenger: Turn it on Toggle on If you want to switch Messenger Light to Dark mode also apply UI like Demo 4. This option will work only at messenger.com or any URL that prefix started with messenger.com
    There's also another way to use Messenger. If you want to use Dark Messenger also at facebook.com/messages then you must enable dark mode from the facebook topbar Display & Accessibility Icon Display & Accessibility section.


  4. Facebook Topbar Hide Topbar: Turn it on Toggle on If you wish to use Messenger also at facebook.com/messages. But don't want to see the top bar
    Hide Topbar
    This option will work only at facebook.com/messages or any URL that prefix started with facebook.com/messages
    [Note: If you enable this option, make sure you're using messenger in a new tab. Otherwise, if you move directly from facebook.com/messages to facebook feed or any page you may not see the topbar.]

  5. Dark Instagram Dark Instagram: Turn it on Toggle on If you want to switch Instagram Light to Dark Mode. See the Demo 5.


📙 Terms

  1. The styles will be load from the Github repo. So make sure your internet connection is active to see the design.
  2. UI update and changes will be made on the Github repo and it will be loaded automatically on your Facebook, Messenger, and Instagram feed through the FUIX addon.
  3. There's no need to Update the addon to get the UI updates.
  4. Addon can be updated when an internal update or new feature comes up or any bug is fixed.

📝 Important Notes

  1. You can always save your preferences in FUIX. Internet connection isn't required to change the preference. Only required if you want to see the styles in your feeds.
  2. After making changes on FUIX it may take 1-3 seconds to load the styles on your Facebook, Messenger, and Instagram feed. The styles loading delay also depends on your internet speed.
  3. If your Facebook, Messenger, or Instagram feed is opened in your browser and the internet connection isn't active. At that time if you turned off any option that style will be gone if activate that again the styles won't load until the internet connection is active or reload the page.
  4. You don't need to worry if you don't see any changes. There will appear a popup alert what happened.
  5. The webpages style depends on the organized DOM by Facebook / Messenger / Instagram. The DOM can be updated anytime without any notice and you may see design conflicts on that moment or after that. In that case, you can turn off the options for 48-72 hours and we will update the design withon this time.
    If you don't see any changes in this time, then create an issue in this repo (follow the next step) or conact me.
  6. If something happens wrong with the FUIX addon or you notice any issue just click on the "Report Issue" button from the FUIX addon footer.

🔒 Privacy Policy

This addon only append styles from the Github repo to your feeds as per the saved preference. It doesn't collect any personal data or any sensitive information from your browser.


🔒 Contact

  • Request: If you wish to give suggestion to update UI or notice any conflict by FUIX. Please make a pull request.
  • E-mail: mail@naiem.info (for any inquiries)