refine theme docs

This commit is contained in:
Le Tan 2022-08-12 21:28:05 +08:00
parent d8b270ddf3
commit d5bab812d1
9 changed files with 18 additions and 25 deletions

View File

@ -15,7 +15,7 @@
"attachment_folder": "", "attachment_folder": "",
"created_time": "2019-03-31T07:23:55Z", "created_time": "2019-03-31T07:23:55Z",
"id": "18", "id": "18",
"modified_time": "2021-07-10T01:57:54Z", "modified_time": "2022-08-12T13:15:42Z",
"name": "Localization and Translations.md", "name": "Localization and Translations.md",
"signature": "62725339626611", "signature": "62725339626611",
"tags": [ "tags": [

View File

@ -157,11 +157,12 @@ vnotex--NotebookNodeExplorer QTreeView {
} }
``` ```
### Customize ICONS ### Customize Icons
Customizing the icons used in VNote is supported by putting all related icon files in the folder `icons` within a theme.
Vnotex Support for adding custom icon folders in themes `icons`, After placing the `SVG` format image of the corresponding name inside, the icon customization in the theme can be realized. For a complete list of file names of the icons, please check [icons](https://github.com/vnotex/vnote/tree/master/src/data/core/icons).
Sample directory: A sample directory structure:
``` ```
. .
@ -177,7 +178,7 @@ Sample directory:
└── web.css └── web.css
``` ```
Mapping between common ICONS: Some common icons:
**Notes** **Notes**
@ -188,9 +189,7 @@ Mapping between common ICONS:
| folder_node.svg | Folder of nodes | | folder_node.svg | Folder of nodes |
| file_node.svg | Nodes | | file_node.svg | Nodes |
**Top Menu bar** **Top Menu Bar**
From left to right.
![](vx_images/52411495826601.png) ![](vx_images/52411495826601.png)
@ -208,9 +207,7 @@ From left to right.
| settings_menu.svg | Settings | | settings_menu.svg | Settings |
| menu.svg | Menu | | menu.svg | Menu |
**Left navigation bar** **Left Navigation Bar**
From top to down.
![](vx_images/55762704615693.png) ![](vx_images/55762704615693.png)
@ -223,7 +220,6 @@ From top to down.
| snippet_dock.svg | Snippets | | snippet_dock.svg | Snippets |
Demo: An example theme:
![](vx_images/508490695826601.png) ![](vx_images/508490695826601.png)

View File

@ -95,7 +95,7 @@
"attachment_folder": "", "attachment_folder": "",
"created_time": "2018-11-24T12:18:17Z", "created_time": "2018-11-24T12:18:17Z",
"id": "12", "id": "12",
"modified_time": "2022-08-09T02:46:01Z", "modified_time": "2022-08-12T13:11:39Z",
"name": "Themes and Styles.md", "name": "Themes and Styles.md",
"signature": "2110466178163", "signature": "2110466178163",
"tags": [ "tags": [

View File

@ -3,7 +3,7 @@
::: alert-success ::: alert-success
VNote 3.13.0 is released! Check out [what's new](https://github.com/vnotex/vnote/releases)! VNote 3.14.0 is released! Check out [what's new](https://github.com/vnotex/vnote/releases)!
::: :::

View File

@ -5,7 +5,7 @@
"attachment_folder": "", "attachment_folder": "",
"created_time": "2018-11-24T05:04:27Z", "created_time": "2018-11-24T05:04:27Z",
"id": "19", "id": "19",
"modified_time": "2022-04-09T01:40:00Z", "modified_time": "2022-08-12T13:04:14Z",
"name": "index.md", "name": "index.md",
"signature": "79316798291059", "signature": "79316798291059",
"tags": [ "tags": [

View File

@ -95,7 +95,7 @@
"attachment_folder": "", "attachment_folder": "",
"created_time": "2018-11-24T12:30:05Z", "created_time": "2018-11-24T12:30:05Z",
"id": "39", "id": "39",
"modified_time": "2022-08-07T05:14:57Z", "modified_time": "2022-08-12T13:13:26Z",
"name": "主题和样式.md", "name": "主题和样式.md",
"signature": "102269103520883", "signature": "102269103520883",
"tags": [ "tags": [

View File

@ -158,8 +158,9 @@ vnotex--NotebookNodeExplorer QTreeView {
``` ```
### 自定义图标 ### 自定义图标
可以通过在主题文件夹下面的`icons`文件夹中添加对应的图标文件来自定义界面图标。
Vnotex 支持在主题中添加自定义图标文件夹 `icons`,往里面放置对应名称的 `svg` 格式图片后,即可实现主题中的图标定制化 一个完整的图标文件列表可以参考[图标](https://github.com/vnotex/vnote/tree/master/src/data/core/icons)
目录样例结构如下: 目录样例结构如下:
@ -190,8 +191,6 @@ Vnotex 支持在主题中添加自定义图标文件夹 `icons`,往里面放
**顶部菜单** **顶部菜单**
从左到右
![](vx_images/345532103615693.png) ![](vx_images/345532103615693.png)
| 名称 | 解释 | | 名称 | 解释 |
@ -210,8 +209,6 @@ Vnotex 支持在主题中添加自定义图标文件夹 `icons`,往里面放
**左侧导航栏** **左侧导航栏**
从上到下
![](vx_images/292792926941444.png) ![](vx_images/292792926941444.png)
| 名称 | 解释 | | 名称 | 解释 |
@ -223,7 +220,7 @@ Vnotex 支持在主题中添加自定义图标文件夹 `icons`,往里面放
| snippet_dock.svg | 片段 | | snippet_dock.svg | 片段 |
效果如下 一个例子主题如下:
![](vx_images/396011412269078.png) ![](vx_images/396011412269078.png)

View File

@ -3,7 +3,7 @@
::: alert-success ::: alert-success
VNote 3.13.0 已发布! 看看都有[哪些更新](https://github.com/vnotex/vnote/releases) VNote 3.14.0 已发布! 看看都有[哪些更新](https://github.com/vnotex/vnote/releases)
观看[展示录屏](https://www.bilibili.com/video/av77455284) 观看[展示录屏](https://www.bilibili.com/video/av77455284)

View File

@ -25,7 +25,7 @@
"attachment_folder": "", "attachment_folder": "",
"created_time": "2018-11-24T09:30:11Z", "created_time": "2018-11-24T09:30:11Z",
"id": "47", "id": "47",
"modified_time": "2022-04-09T01:40:18Z", "modified_time": "2022-08-12T13:04:25Z",
"name": "index.md", "name": "index.md",
"signature": "53181922294899", "signature": "53181922294899",
"tags": [ "tags": [