davidbecker808 / edgyarc-fr

Firefox Userchrome and sidebery style

EdgyArc-fr

Because Arc and Edge look pretty af but FOSS FTW

Prerequisites

To use EdgyArc-fr to its fullest potential, ensure you have the following prerequisites:

• EdgeFrFox UserChrome Theme
• Sidebery
• Recommended Addons:
  • UserChrome Toggle
  • Adaptive Tab Bar Color - Not supported when translucency is enabled

About

EdgyArc-fr is designed to enhance your Firefox user interface by combining the sleekness of Microsoft Edge and the aesthetics of the Arc theme. It incorporates minor tweaks to the EdgeFrFox theme, providing a unique and cohesive visual experience.

Whats Included

Minor Tweaks to EdgeFrFox Theme

• Autofades the navigation URL bar when not on hover.
• Makes navigation toolbar buttons and add on buttons grayscale when not hovered.
• MOAR rounded corners, larger padding, and a bit more room to breathe.
• Adjusts sidebar styling to complement Sidebery.
• Optional auto collapsing sidebar.

UserChrome Toggle Integration

• Easily switch between:
  • Autocollapse sidebar
  • Always expanded sidebar

Sidebery Configurations

• Included settings and custom CSS for Sidebery
• main styling changes
  • horizontal panel nav bar moved from top to bottom
  • sidebery fades out when not hovered
  • simplified layout for when sidebar is collapsed
    • tabs only show favicons
    • compact pinned tabs layout
    • only active panel icon displayed in panel navigation bar
    • new tab button hidden because it cant be acted upon without expanding sidebar

Usage

1. Install the EdgeFrFox UserChrome Theme.
2. Install recommended addons: Sidebery, UserChrome Toggle, Adaptive Tab Bar Colour.
3. Clone or download the EdgyArc-fr repository to your local machine.
4. Copy the contents of the chrome folder into your Firefox profile's chrome folder.
5. Enable the following settings in about:config to enable features in EdgeFrFox
   • uc.tweak.hide-tabs-bar to true
   • uc.tweak.disable-drag-space to true
   • uc.tweak.hide-forward-button to true
   • uc.tweak.rounded-corners to true
6. [Optional] Turn on translucent windows by setting uc.tweak.translucent-window to true
7. Import sidebery-settings.json and sidebery-styles.json into Sidebery (Sideberry Settings > Help > Import Addon Data)

Optimum settings for Adaptive Tab Bar Color

Screenshots

Changelog

• v1.0.0-b3
  • restyled horizontal navigation bar to make it look less crappy
  • coloured tabs only show colour behind favicon, and not the whole row
  • expand tab group icon now more visible
• v1.0.0-b2
  • added translucency support on macos
  • changed hover opacities and transitions on navigator-toolbox
  • fixed search bar placement in sidebery css
  • fixed 1px bug in sidebery css
• v1.0.0-b1
• initial release

Issues and Contributions

If you encounter any issues or have suggestions for improvement, please open an issue. Contributions are always welcome!

License

This project is licensed under the Mozilla Public License 2.0.