How I customize my zen browser

🍋‍🟩 Features

Click to show list of features

Compact-mode Button merged comapct mode and 3 dot menu button

Light Mode and Dark Mode (nubulu mode coming soon)

Arc-like url bar scroll for more search results

https://github.com/user-attachments/assets/587ccdd9-a530-4345-beb0-1df1d95d4e6d

OG-URL-bar with custom scaling animations (deprecated)

https://github.com/user-attachments/assets/27ae1ab4-4ec8-4645-884f-98f808d4f06f

🛠️ Setup Instructions

1. Profile Preparation

• First try on new profiles or profiles without conflicting CSS modifications
• Other Sine mods may or may not be compatible

2. Performance Considerations

• heavy filter using effects or pref like making browser background transparent can lower down performance of the browser
• Js scripts like for workspace aniamtion can also affect permformance you can turn themm off in arcline settings

⚙️ Installation (through sine)

1. Theme Installation

• Install latest version of Sine by following all prompted instructions.
• Restart Zen Browser.
• Open settings and go to the "Sine" tab.
• Locate the Local Installation section.
• Type ferrocyante/Arcline or paste the GitHub repo link itself in the placeholder and click Install.
• A popup for restart should appear — click on that to restart Zen.
• 🎉 Enjoy your new theme!

2. Visual Enhancements (Windows 11)

• Install MicaForEveryone
• Add process rule for Zen with:
  
  • Backdrop Type: Acrylic
    
  • Enable "Blur Behind" in advanced settings

3. Optional Components

• Tacky Borders - Preconfigured rules included
• Zen Internet Extension - For page transparency

Credits & Resources

• Tab Group implementation: Advanced Tab Groups
• Design inspiration: Natsumi Browser
• Community contributions welcome via Issues and PRs