2022.10.01更新

- 优化了黑色主题样式 - style.css增加了另外两个样式表，可以根据自己的偏好选用
tovifun · Oct 1, 2022 · 273536b · 273536b
1 parent bd7fded
commit 273536b
Show file tree

Hide file tree

Showing 7 changed files with 43 additions and 7 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/README.md b/README.md
@@ -3,6 +3,13 @@
 
 ![截屏预览](assets/vivalarc_screenshot.jpg)
 
+
+### 2022.10.01 更新
+style.css 文件里增加了另外两个样式表，默认是注释掉的。可以根据自己的需要进行选用。
+- 如果你习惯开启面板，则取消注释 panel_mode.sss 
+- 如果你想显示新建标签按钮，则取消注释 new_tab.css
+
+
 ## 为什么做这个
 
 大概说一下背景，我主力使用 Vivaldi 浏览器应该有一年，前段时间体验了还在内测中的 Arc 浏览器，差不多两个星期。这两个星期的 Arc 使用体验确实挺好的，交互很符合直觉，UI也非常的好看。

diff --git a/css/new_tab.css b/css/new_tab.css
@@ -0,0 +1,4 @@
+
+.toolbar > .newtab{
+    display:flex;
+}
diff --git a/css/panel_mode.css b/css/panel_mode.css
@@ -0,0 +1,6 @@
+/* tabbar left&right 
+如果你习惯开启 Panel，则可以去除 Tabbar 的拖拽功能*/
+#tabs-tabbar-container{
+    -webkit-app-region: no-drag;
+    box-shadow:none;
+}
diff --git a/css/vivalarc.css → css/vivalarc_main.css b/css/vivalarc.css → css/vivalarc_main.css
@@ -8,17 +8,18 @@
     box-shadow:none;
 }
 
-
 /* webview */
 #webview-container{
     margin:8px;
 }
 
 #webpage-stack{
-    border-radius:8px;
+    border-radius:6px;
     box-shadow: 0px 0px 8px #0000002d;
 }
 
+
+
 /* tabbar left&right */
 #tabs-tabbar-container{
     -webkit-app-region:drag;
@@ -168,11 +169,12 @@
 }
 
 .webpageview{
-    border-radius: 4px;
+    border-radius: 6px;
+    border: 1px solid #ffffff1f;
 }
 
 .webpageview > .row-wrapper{
-    border-radius:4px;
+    border-radius:6px;
 }
 
 
diff --git a/doc_将Vivaldi配置成Arc.md b/doc_将Vivaldi配置成Arc.md
@@ -1,5 +1,11 @@
 [📺设置方式-视频版](https://www.bilibili.com/video/BV1fe4y1a7WQ/?vd_source=103a1da26948412544dd2b203b193997) | [📝设置方式-文字版](doc_将Vivaldi配置成Arc.md) | [📝EN](doc_configure-vivaldi.md)
 
+### 2022.10.01 更新
+- style.css 文件里增加了另外两个样式表，默认是注释掉的。可以根据自己的需要进行选用。
+    - 如果你习惯开启面板，则取消注释 panel_mode.sss 
+    - 如果你想显示新建标签按钮，则取消注释 new_tab.css
+
+
 ### 💡**几点说明：**
 
 1. 它的本质是使用 Vivaldi 浏览器的自定义 UI MOD 的功能改变外观，整个配置过程大约5分钟
@@ -23,6 +29,7 @@
 - **标签** > **标签处理** > `将「关闭最后一个标签后不关闭窗口」的勾去掉`
 - **面板** > **面板选项** > `将「悬浮面板」勾上`
 - **地址栏** > `将「显示地址栏」的勾去掉`
+- **状态栏** > `不要选择「显示状态栏」，选另外两个的任意一个`
 - **快捷命令** > `将「在新标签页打开链接」勾上`
 - **键盘(**设置必要的快捷键)
     - **新建标签** > 移除「新建标签」的快捷键

diff --git a/style.css b/style.css
@@ -1,4 +1,14 @@
-/*
-    You can add references to your own .css stylessheets in this file
+/* 
+You can add references to your own .css stylessheets in this file
 */
-@import url("css/vivalarc.css");
+
+/* 说明
+在下方开关样式表来修改特定的样式
+    如果你习惯开启面板，则取消注释 panel_mode.sss 
+    如果你想显示新建标签按钮，则取消注释 new_tab.css
+取消注释 ── 删除一行里的星号和反斜杠
+*/
+
+@import url("css/vivalarc_main.css");
+/* @import url("css/panel_mode.css");  */
+/* @import url("css/new_tab.css");  */