Arc 2.0

Arc which receives non-chromium updates every 1-2 weeks! (iykyk).

What is Arc 2.0?

Arc 2.0 Browser is a skin made for Zen Browser that adds lots of polish to the design by incorporating animations, blurs and more. It's pretty much the skin I personally use, but made public because people wanted the CSS. This skin is inspired by Arc browser and some other Zen skins (listed in credits)

Arc 2.0 is NOT a standalone browser. I don't even intend on making one.

Arc 2.0 has been tested on 1.8.2b (Beta) on Windows. Note: It is not tested on Mac.

Features are listed below!

ℹ️ Note

Please remember that Arc 2.0 in the end is my personal browser skin. If you don't like a design choice I've
made, chances are I'll keep it if I still like it. So please be respectful and refrain from attacking people when you
make suggestions. Thanks!

How to use? (Full video tutorial given below)

Install the ZIP file from Releases. Extract it, then copy and paste the files of the ZIP file in the chrome folder.

After installing the CSS files, open the browser and pin the Copy Frame or Page URL extension (extensions listed below).

Now install the mods and other extensions listed below and then alter the settings as listed below or according to yourself.

Enable the required configs from about:config

Adjust or change the different toolbar items according to the one i made like Arc (in the image) or according to yourself.

Vallah! You got yourself a new browser which is arc but a lot more better!!!

This is what your chrome folder should look like:

How to get Arc like pinned extensions:

• First go to settings.
• Press Zen Mods.
• Scroll and find Hide Plugins.
• Disable that addon.
• Left click the addon icon.
• Pin the extension.
• Right click an empty area on the toolbar and press Customize Toolbar.
• Drag and drop the required extension above the essentials to make it look like Arc extensions.
• Press the done button!
• Go back to settings and enable the Hide Plugins mod.

Below is the tutorial video:

Screen.Recording.2025-03-01.024326.mp4

Mods required:

• Quietify

  Link - https://zen-browser.app/mods/fd24f832-a2e6-4ce9-8b19-7aa888eb7f8e/

• Zen Minimal Exit Menu

  Link - https://zen-browser.app/mods/6cd4bca9-f17d-4461-b554-844d69a4887c/

• Animations Plus

  Link - https://zen-browser.app/mods/f4866f39-cfd6-4498-ab92-54213b8279dc/

• Customize Font Size

  Link - https://zen-browser.app/mods/d23733fa-983e-4680-8869-bf5b292d4fe6/

• SuperPins

  Link - https://zen-browser.app/mods/ad97bb70-0066-4e42-9b5f-173a5e42c6fc/

• HidePlugins

  Link - https://zen-browser.app/mods/b430a958-cd66-4edd-b451-c6c7cfb7e160/

Extensions required:

• Zen Internet (for transparent websites):

  Link - https://addons.mozilla.org/en-US/firefox/addon/zen-internet/?utm_source=addons.mozilla.org&utm_medium=referral&utm_content=search

• Copy Frame or Page URL

  Link - https://addons.mozilla.org/en-US/firefox/addon/copy-frame-or-page-url/?utm_source=addons.mozilla.org&utm_medium=referral&utm_content=search

Configs required:

Press Ctrl+T and open the floating URL bar and type "about:config". Press the tick button then type the following. After that press the boolean option and press the + button and set it to true or false for the following:

• browser.tabs.allow_transparent_browser (true)

• browser.urlbar.openintab (optional) (true) (When typed something by clicking on the URL bar, opens a new tab instead of modifying the current tab)

• zen.widget.windows.acrylic (optional) (false) (For using Mica for Everyone in the toolbar)

Features:

• Arc like URL bar:

  

• Better color gradients for essentials:

  

• Arc like pinned extensions:

  

• Better Customize Toolbar:

  

• Arc icons:

  

• Better workspace indicator:

  

• Better Floating URL Bar:

  

• Transparent Websites (with Zen Internet Add-on):

  

• Better PDF viewer:

  

• Better PiP:

  

• Animations

Workspace Theme Colors:

Zen Sidebar transparency:

For the sidebar transparency, I used Mica for everyone. Click on Add new rule and type zen. Under Style, set background
type to acrylic.

Credits:

• https://github.com/neurokitti/Arc_Zen_Theme/tree/main

• https://github.com/TheBigWazz/Pineapple-Fried/blob/main/pineapple-fried%2Fwazz-tweaks%2FModules%2Fcommunity-changes%2Furl-loading-animation.css

• https://github.com/GuiMar10/Mindfulness

• https://github.com/Tanay-Kar/Lacuna

• https://github.com/greeeen-dev/natsumi-browser

• https://sameerasw.notion.site/Zen-Transparency-1939c6099d4080468f02cf05ae50e827?pvs=4

• https://discord.com/channels/1088172780480114748/1340837003448684605

• https://discord.com/channels/1088172780480114748/1342214828487344209

Re-distribution info:

You are totally free to make forks of this or put this in your chrome file and create or modify it according to yourself. It's suggested to credit me if you use my theme. Thank you for using Arc 2.0!

Video Tutorial!

ℹ️ Note

The video tutorials are shown for the Twilight version (except the last video).
For using it in Zen beta, you can simply paste the files in the Zen beta chrome folder.

• Installing the browser skin

  Screen.Recording.2025-03-01.185047.mp4

• Mods Installation

  Screen.Recording.2025-03-01.165325.mp4

• Arc like copy link

  Screen.Recording.2025-03-01.141423.mp4

• Arc like extensions (video used before as well. Used here for completency)

  Screen.Recording.2025-03-01.024326.mp4

• Transparent websites

  Screen.Recording.2025-03-01.171143.mp4

• Sidebar transparency (For normal Zen not for Twilight)

  Screen.Recording.2025-03-01.141714.mp4

Please note that!

I love you <3