/VivalArc

Combining the excellent features of Vivaldi and Arc

Primary LanguageCSS

VivalArc

This project mainly includes a set of CSS files and a Vivaldi theme. With a few simple steps of configuration, you can modify Vivaldi into Arc style.

📝中文介绍和配置方式 | 🧑‍💻ChangeLog

Screenshot

💡 README：

  1. It is essentially changing the appearance using the Vivaldi browser’s custom UI MOD feature
  2. This configuration also works on Windows. In the process of setting the shortcut keys, simply replace Command with Ctrl
  3. If you want to return to the original effect, you just need to delete the local CSS

🛠️ Configuration：

1. Install Vivaldi Browser

  • Install a Vivaldi browser first, no doubt.

2. Open Vivaldi Settings

During the setup process, you can search for keywords in the upper left corner of the "Settings" page to quickly locate

  • Appearance > Status Bar > Status Info Overlay
  • Tabs > Tab bar position > Left
  • Tabs > Tab Stacking > According
  • Panel > Panel Options > Check 'Floating Panel'
  • Address Bar > Uncheck 'Show Address Bar'
  • Quick Commands > Check 'Open Links In New Tab'
  • Keyboard (Set the necessary keyboard shortcuts)
    • New Tab > Remove it
    • Quick Command > Command + T
    • Save Page As > Remove it
    • Tab Bar > Command + S
    • Address Bar > Command + B (Remove Booksmarks shortcuts first in Windows)
    • Create Bookmark > Remove it
    • Pin / Unpin Tab > Command + D
    • Print > Remove it
    • Panel > Comand + P

3. Custom UI Mod

  • Download the mod, extract it to anywhere safe on your PC
  • Themes > Open Theme > ArcLight.zip
  • Open vivaldi://experiments and enable "Allow for using CSS modifications"
  • Open Settings > Appearance > Custom UI MOD
  • Select the folder where you've extracted it
  • Restart Vivaldi

💌 Thanks for：

🧑‍💻 Beautiful Screenshots from：