Because Arc and Edge look pretty af but FOSS FTW

• Sidebery
• UserChrome Toggle
• Optional Addons:
  • Adaptive Tab Bar Color [OR]
  • Firefox Color

• Based on Edge-frfox
• Sidebar Modifications
  • Auto-collapse sidebar into just icons
  • Auto-hide sidebar
  • Toggle sidebar show/collapse (using UserChrome Toggle)
• macOS only Translucent windows
• Custom Sidebery theme
• Auto-hide native top tabs when Sidebery or TST is active

• The code is formatted with prettier (easier to maintain and contribute)
• The color scheme from edge-frfox is disabled by default (can be enabled with af.edgyarc.edge-styles)
• The shadow around the content is disabled making it more consistent
• Various fixes (centered url, rounded corners, margins)
• New option af.edgyarc.separate-extended-urlbar that makes the url not jump around when clicking on it
• New option uc.tweak.hide-tabs-bar.always that permanently hides native tabs
• Proper translucency support for Sidebery (introduced in FF 130.0)
• Noise texture background tweak
• af.edgyarc.autohide-sidebar-slide

Before you start using the theme as-is, you might want to have a look at all the style variants built into EdgyArc-fr

Feature Description	Screenshot
Translucent Effects macos Only af.edgyarc.macos-translucent	Screen.Recording.2024-05-04.at.11.48.07.PM.mov
More Translucent af.edgyarc.macos-more-translucent
🔵 UI Tweaks
Always hide native tabs uc.tweak.hide-tabs-bar.always
Separate extended URL bar af.edgyarc.separate-extended-urlbar ❗ Does not work well with af.edgyarc.thin-navbar
Noise texture background af.edgyarc.noise-texture
Thin Navigation Bar af.edgyarc.thin-navbar
Minimal Navigation Bar af.edgyarc.minimal-navbar	Screen.Recording.2024-05-18.at.4.25.38.PM.mov
Greyscale webextensions icons uc.tweak.af.greyscale-webext-icons	Screen.Recording.2024-05-04.at.11.57.03.PM.mov
Centered URL af.edgyarc.centered-url	Screen.Recording.2024-05-04.at.11.59.27.PM.mov
🔵 Sidebar Tweaks ⚠️ Note: Requires UserChrome Toggle to make use of auto-collapse/auto-hide
Enable Sidebery Theme af.sidebery.edgyarc-theme	Screen.Recording.2024-05-05.at.12.03.32.AM.mov
Sliding hidden sidebar af.edgyarc.autohide-sidebar-slide	CleanShot.2024-10-09.at.22.03.34.mp4
Minimal Sidebery when Collapsed af.sidebery.minimal-collapsed	Screen.Recording.2024-05-05.at.12.06.50.AM.mov
Edge-like Sidebar af.edgyarc.edge-sidebar	Screen.Recording.2024-05-05.at.12.10.05.AM.mov
Show Sidebar Header af.edgyarc.show-sidebar-header	Screen.Recording.2024-05-05.at.12.12.19.AM.mov
Auto-Hide Sidebar af.edgyarc.autohide-sidebar Note: Requires UserChrome Toggle to work	Screen.Recording.2024-05-05.at.12.14.30.AM.mov
Sidebar Always Collapsed af.edgyarc.sidebar-always-collapsed Note: Requires UserChrome Toggle to work	Screen.Recording.2024-05-05.at.12.17.55.AM.mov
Wider Expanded Sidebar on Hover uc.tweak.af.sidebar-width-350
Sidebery Horizontal Navbar on Top Tab List af.sidebery.nav-on-top
Disable Dynamic Width Pinned Tabs af.sidebery.static-pinned-tab-width

Import the following into sidebery (Sideberry Settings > Help > Import Addon Data)

• sidebery-settings.json Contains settings for the addon that will overwrite your own settings. you dont have to use this if you dont want to. IF you are not using sidebery-settings.json please make sure you have the following settings configured in Sidebery Settings

• General

  • Use Native Scroll Bars
    • Use thin Scroll Bars

• Context Menu

  • Render Icons

• Navigation Bar

  • Layout : Horizontal
  • Show Navigation Bar in one line: Off [OR On is you want a smaller more compact nav bar(beta11 and up)]

• Tabs

  • Tab Colorization
    • Colorize tabs: Off
    • Colorize Branches: On

• Appearance

  • Theme: Proton
  • Density: Relaxed
  • Color Scheme: Firefox

• windows Translucency / blur does not work on windows
• linux Translucency / blur does not work out of the box

• v1.0.0-b10

  • Support for FF126 [for FF125 and lower, please continue using v1.0.0-b9]
  • Rewrote a large chunk of the code
  • Included copy of Edge-frfox (v 24.4.18) for fewer version compatibility issues

• v1.0.0-b9

  • New
    • Added Thin navbar variant uc.tweak.af.thin-navbar
  • Fixed
    • Sidebery CSS (default background for pinned tabs)
    • Titlebar Controls positioning

• v1.0.0-b8

  • Fixed
    • findbar background colour when using firefox color/adaptive tab bar color addons
    • tab notification deck translucency macOS
    • toolbar height
    • padding in urlbar+reload button combo
    • Positioned window controls Windows 10/11
    • private window indicator Windows 10/11
  • Tweaks
    • uc.tweak.af.no-dimming makes sidebar have 100% opacity. Prequisite : translucency must be disabled using uc.tweak.af.not-translucent #14
    • tweaked margins and paddings Windows 10/11

• v1.0.0-b7

  • Cleaned up code
  • Fixed sidebery css bug - dragging tabs would indicate incorrect drop location
  • fixed sidebery css bug - pinned tabs misaligned
  • Added feature - Show a styled sidebar header uc.tweak.af.show-sidebar-header > true
  • Added feature - Turn all web extension icons greyscale when not hovered uc.tweak.af.greyscale-webext-icons > true
  • Css tweak - Toolbar background images now fade away at the bottom so it doesnt look jarring
  • Css fix - show custom private window badge when tabbar is hidden
  • Css fix - fixed margins and paddings of buttons inside the urlbar
  • bug fix - extension dropdown sheets inside the urlbar now show properly when urlbar is not hovered

• v1.0.0-b6

  • cleaned up code
  • bugfixes
  • updated sidebery styles

• v1.0.0-b5

  • Rewritten most of the code for translucency in macos
  • Added new preference uc.tweak.af.hidden-sidebar to fully hide sidebar when autohde is turned on in Userchrome Toggle
  • Added new preferenceuc.tweak.af.translucent-enable to control translucency [mac only]
  • Added new preference uc.tweak.af.translucent-enable to enable arc-like translucent sidebar
  • Tweaked sidebery css

• v1.0.0-b4

  • Supports Adaptive Tab Bar Color in translucent windows enabled!

• 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

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

This project is licensed under the Mozilla Public License 2.0.