Skip to content

Commit

Permalink
update readme
Browse files Browse the repository at this point in the history
  • Loading branch information
tovifun committed Mar 30, 2024
1 parent 15eea2e commit 28a98fb
Show file tree
Hide file tree
Showing 4 changed files with 10 additions and 8 deletions.
3 changes: 2 additions & 1 deletion README-cn.md
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
你好,这个项目主要包含一套 CSS 文件和一个 Vivaldi 主题。目的是将 Vivaldi 自定义配置成 Arc 的外观样式,作为 Arc 的平替。
你好,这个项目主要包含一套 CSS 文件和一个 Vivaldi 主题。目的是将 Vivaldi 自定义配置成 Arc 的外观样式,作为 Arc 的平替。适用于 macOS, Windows 和 Linux。
- 关于这个项目的背景,可查看文档
- [📄VivalArc, 背后的故事](https://github.com/tovifun/VivalArc/blob/main/docs/behind-the-scene-cn.md)
- 如果你想直接开始配置
Expand All @@ -21,6 +21,7 @@
---

## 🧑‍💻 来自用户的截屏
- Twitter [@altemo](https://x.com/atlemo/status/1765726601239491014)
- Twitter [@vivaldi_fr](https://twitter.com/vivaldi_fr/status/1684643796942815233)
- Github [@clementpoiret](https://github.com/tovifun/VivalArc/pull/5)
- Bilibili [@tovi(me)](https://www.bilibili.com/opus/844070281819455558)
Expand Down
3 changes: 2 additions & 1 deletion README.md
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
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.
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. Compatible with macOS, Windows, and Linux.
- [📝VivalArc, Configuration Steps](https://github.com/tovifun/VivalArc/blob/main/docs/configure-vivaldi.md)
- [🎉Change Log](https://github.com/tovifun/VivalArc/blob/main/docs/changelog.md)
- [🧑‍💻FAQ](https://github.com/tovifun/VivalArc/blob/main/docs/faq.md)
Expand All @@ -15,6 +15,7 @@ This project mainly includes a set of CSS files and a Vivaldi theme. With a few
---

## 🧑‍💻 Beautiful Screenshots from:
- Twitter [@altemo](https://x.com/atlemo/status/1765726601239491014)
- Twitter [@vivaldi_fr](https://twitter.com/vivaldi_fr/status/1684643796942815233)
- Github [@clementpoiret](https://github.com/tovifun/VivalArc/pull/5)
- Bilibili [@tovi(me😉)](https://www.bilibili.com/opus/844070281819455558)
Binary file added assets/vivalarc_screenshot_from_altemo.jpeg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
12 changes: 6 additions & 6 deletions vivalarc.css
Original file line number Diff line number Diff line change
Expand Up @@ -5,9 +5,9 @@ update: 2024.03.30

:root{
--window-border:8px; /* window border, recommend 4px~16px */
--mac-header:calc(var(--window-border) + 4px); /* title bar extra height */
--win-header:calc(var(--window-border) + 8px); /* title bar extra height */
--linux-header:calc(var(--window-border) + 8px); /* title bar extra height */
--mac-header:calc(var(--window-border) + 2px); /* title bar extra height */
--win-header:calc(var(--window-border) + 6px); /* title bar extra height */
--linux-header:calc(var(--window-border) + 6px); /* title bar extra height */
--addressbar-height:36px;
--window-button-scale:0.8;
--window-button-opacity:0.3;
Expand Down Expand Up @@ -128,9 +128,9 @@ update: 2024.03.30
#browser.linux:not(.tabs-top) #titlebar .vivaldi,
#browser.win:not(.is-settingspage):not(.tabs-top) #titlebar .vivaldi{
color:var(--colorFgAlpha);
scale: calc(0.65 / var(--uiZoomLevel));
margin-left: -5px;
margin-top: -3px;
scale: calc(0.7 / var(--uiZoomLevel));
margin-left: -6px;
margin-top: -4px;
}

#browser.linux:not(.tabs-top) #titlebar .vivaldi:hover,
Expand Down

0 comments on commit 28a98fb

Please sign in to comment.