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 polish to the design by incorporating animations, blurs, and more.
It’s the skin I personally use, made public due to demand for the CSS. Inspired by Arc Browser and other Zen skins (listed in credits).

Note: Arc 2.0 is not a standalone browser.

Tested on: Zen Browser 1.19.5b (Windows & Linux)
Recommended Mode: All modes are working properly except Collapsed Sidebar. Also, in Sidebar & Top Toolbar mode, if you're choosing to keep Bookmarks under URL Bar while not having compact toolbar on, a small part of compact sidebar's pseduo bg might appear above compact sidebar's actual size. So for good looks, either at least turn on compact mode for toolbar, or remove Bookmarks, or switch to Only Sidebar mode.

---

⚠️ Important Note

Arc 2.0 is my personal browser skin.
If you don’t like a design choice I made, I’ll likely keep it if I still like it.
Please be respectful and constructive with feedback.

---

🧩 Installation Methods

✅ Install Using Sine (Recommended)

1. Install Sine, a JS-based mod & theme manager: Sine v2.3.

   

2. Click Install under Arc 2.0.
   Refresh Settings if the theme doesn’t appear under Installed Mods.

3. Configure personalization prefs in the Settings button under theme details.

   

4. Locate Arc 2.0 folder:

   • Go to about:profiles
   • Open Root Directory
   • Navigate to:
     chrome > sine-mods > Arc-2.0
   • Inside, find CONFIG.css to customize preferences (e.g. compact sidebar width).

   

---

📦 Install Using ZIP Files (Traditional Method)

1. Go to about:profiles, open Root Directory, then open or create a lowercase chrome folder.
2. Download and extract the Arc 2.0 ZIP from Releases.
3. Copy the contents into the chrome folder.
4. Edit preferences in CONFIG.css and about:config.
5. Install the required mods and extensions (listed below).
6. Customize the toolbar layout as desired.

Enable this setting:
Settings → Look and Feel → Zen URL Bar

🎉 Congrats! You now have an Arc-inspired Zen Browser setup!

For installation issues, ask for help in the #zeneral channel on the official Zen Browser Discord.

---

📌 How to Get Arc-Like Pinned Extensions

1. Go to about:config and add:
   arc-pinned-extensions-mod → Boolean > True
2. Left-click the addon icon → Pin Extension
3. Right-click toolbar → Customize Toolbar
4. Drag extensions above Essentials to mimic Arc layout.
5. Click Done.

Tutorial video:

Screen.Recording.2025-03-01.024326.mp4

---

🧱 Required Mods

• Transparent Zen

• Customize Font Size

---

🧩 Required Extensions

• Zen Internet (Transparent Websites)

---

⚙️ Basic Configurations

(Skip this if using Sine — all prefs are in mod settings.)

Open a new tab → type about:config → press Enter → add the following preferences:

browser.tabs.allow_transparent_browser → true
browser.urlbar.openintab → true
zen.widget.windows.acrylic → false
browser.urlbar.trimURLs → true
browser.tabs.groups.enabled → true
arc-pinned-extensions-mod → true
arc-tab-loading-animation → 0–5
arc-tab-switch-animation → 0–5
arc-nogaps-compact-mod → true
arc-nogaps-mod → true
arc-remove-workspace-indicator → true
arc-workspace-style → 0–2
arc-enable-container-styling → 0–2
arc-compact-mode-no-sidebar-bg → true
arc-tabs-no-shadow → true
arcline.url.bar → 0–1
browser.ml.linkPreview.enabled → true
browser.ml.linkPreview.outputSentences → [number]
browser.tabs.fadeOutUnloadedTabs → true
browser.low_commit_space_threshold_mb → [2/3 of total RAM]
browser.tabs.min_inactive_duration_before_unload → [milliseconds]
dom.ipc.processPriorityManager.backgroundUsesEcoQoS → true

Descriptions are provided in the original instructions above.

---

✨ Features

• Better color gradients for Essentials
  

• Arc-like pinned extensions & minimal URL Bar
  

• Better looking Tab Groups
  

• Floating URL Bar with Blur Background
  

• Improved “Customize Toolbar” View
  

• Better Workspace Indicator
  

• Transparent Websites (with Zen Internet)
  

• Enhanced PDF Viewer & PiP
  

• Media Mini Player Improvements
  

---

🎨 Workspace Theme Colors

---

🌫️ Zen Sidebar Transparency Options

DWMGlassBlur (Recommended)

• Download: DWMBlurGlass

• Make symbols valid as shown:

• Create DWM.ini and paste:

  [config]
  applyglobal=true
  extendBorder=false
  reflection=false
  oldBtnHeight=false
  customAmount=true
  crossFade=false
  useAccentColor=false
  overrideAccent=false
  occlusionCulling=true
  disableOnBattery=false
  titlebtnGlow=false
  disableFramerateLimit=true
  autoDownloadSymbols=true
  extendRound=10
  titlebtnOffsetX=-1
  customTitleBtnSize=false
  titleBtnSizePreset=1
  customCloseBtnW=44
  customMaxBtnW=26
  customMinBtnW=25
  customBtnFrameH=18
  blurAmount=30
  customBlurAmount=30
  luminosityOpacity=0.65
  glassIntensity=1
  customAeroTexture=false
  customAeroTexturePath=
  crossfadeTime=160
  aeroColorBalance=0.08
  aeroAfterglowBalance=0.43
  aeroBlurBalance=0.49
  activeTextColor=4278190080
  inactiveTextColor=4282861383
  activeBlendColor=1694498815
  inactiveBlendColor=1694498815
  activeTextColorDark=4294967295
  inactiveTextColorDark=4290032820
  activeBlendColorDark=1677721600
  inactiveBlendColorDark=1677721600
  blurMethod=0
  effectType=0
  blurQuality=1
  
  
  

• Import in DWM:

---

MicaForEveryone

• Download: MicaForEveryone
• Add rule for zen
• Set Background Type: Acrylic

---

🙌 Credits

• neurokitti / Arc_Zen_Theme
• TheBigWazz / Pineapple-Fried
• GuiMar10 / Mindfulness
• Tanay-Kar / Lacuna
• greeeen-dev / natsumi-browser
• lunar-os / ZenCss
• SameeraSW / Zen Transparency Guide
• Discord: #1340837003448684605
• Discord: #1342214828487344209
• ferrocyante / vyang
• JustAdumbPrsn / Nebula Theme
• sameerasw / ZenZero
• rrthrr
• Comp-Tech-Guy / No-Gaps

---

🔄 Redistribution Info

You’re free to fork, modify, and redistribute this theme. Please credit me if you use Arc 2.0 in your projects. Thank you for using Arc 2.0!

---

🆘 Support

Ping Equinox, CompTechGuy, or perplectly fine on the Zen Browser Discord for assistance.