v1.1.1_Optimized for Vivaldi 7.0

Vivaldi has recently released version 7.0, bringing several UI enhancements. Icons are now more refined, the interface has a more modern feel, and the shadow effect on selected sidebar tabs is now smoother. This update makes VivalArc look even better, and I highly recommend upgrading.

This update didn’t cause any issues with VivalArc, but I took the opportunity to address some GitHub issues reported by users:

• Footer Visibility: The footer is now visible by default, but you can still hide it in the settings if desired. #28 @IamMiao
• Draggable Address Bar in Popups: Added a draggable function to the address bar in popup windows, thanks to feedback from @Zettry. #30
• Tab Bar Scrollbar Visibility: Restored the scrollbar visibility in the tab bar, though this may slightly affect aesthetics. #31
• Auto-Hiding Tab Bar: An auto-hiding tab bar feature has been added, based on feedback from @Zettry. This feature is available as a variant located in ../vivalarc-autobab.(🚧There may be styling issues in the old version of Vivaldi.) #21 #29

Here are documents for common questions

• Setting up Different VivalArc VersionsVivalArc
• Recommended Vivaldi Themes

---

中文版本更新日志

Vivaldi 最近发布了 7.0 版本，带来了一些 UI 改进，图标更精致，界面更现代，侧边栏选中标签的阴影效果也更加细腻。升级后的 VivalArc 更加美观，推荐大家升级。

这次更新没有对 VivalArc 造成影响，但我们借此机会修复了一些用户在 GitHub 上反馈的问题：

• Footer 可见性： Footer 现在默认可见，但你仍然可以在设置中将其隐藏。#28 @IamMiao
• 弹出窗口地址栏拖拽功能： 为弹出窗口的地址栏添加了拖拽功能，感谢 @Zettry 的反馈。#30
• 标签栏滚动条： 恢复了标签栏的滚动条的可见性，尽管可能稍微影响美观。#31
• 自动隐藏标签栏： 添加了自动隐藏标签栏功能，基于 @Zettry 的建议。此功能作为变体放在 根目录/vivalarc-autobab 中（🚧目前旧版本的 Vivaldi 可能不太适用）。#21 #29

以下是一些常见问题的文档：

• 设置不同版本的 VivalArc（这次增加的 vivalarc-autotab 可以试试，不过旧版本的 vivaldi 可能不太适用）
• 使用推荐的主题

v1.0.4_Optimized for Vivaldi 6.9, and how to set up different versions of VivalArc

vivalarc-variant.mp4

更新说明中文版

1. Optimization for Vivaldi 6.9

Vivaldi Snapshot 6.9 (the Beta version of Vivaldi) was recently updated, which introduced a minor issue with VivalArc—an extra semi-transparent layer appeared on the sidebar background #24 . This update primarily addresses and resolves this issue.

2. How to Use Different Versions of VivalArc

Some users have asked how to use the style with a title bar #26. In fact, I have created several variants of VivalArc, allowing you to choose the style that best suits your preferences. For more details, please refer to: How to Set Up Different Versions of Vivaldi Arc.

vivalarc-variant-settings.mp4

3. Reflect New Tab Theme

I recently discovered a plugin called Reflect New Tab, which features a beautiful gradient background. I decided to create a Vivaldi theme using this background, and the results were impressive—it gave VivalArc a whole new look. My personal favorite is the pink theme, and I highly recommend you give it a try.

using-local-vivaldi-themes.mp4

v1.0.3_Recommend some Vivaldi themes

▶️ Youtube Video: The key step to making Vivaldi look like Arc, Choosing a theme~

1. This version mainly addresses a minor issue in Vivaldi 6.8 update—Issue#20. (Special thanks to @NextEcho for providing CSS solutions, although I did not entirely adopt their method in the end).
2. In previous versions, I created a few gradient Vivaldi themes to mimic the Arc style and included them in the project files for everyone to use. A few days ago, I explored the Themes section on the Vivaldi Community and discovered many suitable themes. I realized there was no need to go out of my way to create new themes, so I tried some of the popular themes in the Community and selected a few that I found fitting. Here’s how you can use them:
   1. Open the recommended theme link.
   2. Click on the theme name to go to its page.
   3. Click the install button below the theme.

v1.0.2 Optimized for Vivaldi 6.7

1️⃣ Optimize for Vivaldi 6.7

The latest version of VivalArc primarily focuses on optimizing two aspects for Vivaldi 6.7：

• The window buttons in the top-left corner of macOS can no longer be customized, causing them to overlapping the elements of the TabBar
• The 'Add Button' for creating new tabs has been relocated to the bottom of the window

vivalarc.1.0.2.mp4

---

2️⃣ Variant Version

If you prefer window buttons, you can switch to larger ui button version

vivaldi.1.0.2-largerui.mp4

v1.0.0-large-ui-controls

If you prefer window buttons, you can download version v1.0.0-large-ui-controls.
Below are the of VivalArc recorded on Windows and Linux.

vivalarc-windows.mp4

vivalarc-linux.mp4

v1.0.0

Enjoy the Arc vibe on your Windows, Linux, and Mac

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.

• 📝VivalArc, Configuration Steps
• 🎉Change Log
• 🧑‍💻FAQ
• 🌐VivalArc Website
• 📝VivalArc 中文介绍和配置方式

---

💌 Thanks for

• Github @clementpoiret added ArcDark Theme

---

🧑‍💻 Beautiful Screenshots from：

• Twitter @altemo
• Twitter @vivaldi_fr
• Github @clementpoiret
• Bilibili @tovi(me😉)