mirror of
https://gitee.com/vnotex/vnote.git
synced 2025-07-05 22:09:52 +08:00
20 lines
1.2 KiB
Markdown
20 lines
1.2 KiB
Markdown
# Themes and Styles
|
|
## Themes
|
|
A **theme** specifies the look of VNote, the style of the editor and read mode, and the syntax highlight style of code block.
|
|
|
|
A theme corresponds to a folder in the `themes` folder. You could change and manage themes in the `Settings` dialog.
|
|
|
|
|
|
|
|
### How to Add A Theme
|
|
It is a good practice to start a custom theme based on an existing theme. Copy the folder of your favorite theme and paste it into the `themes` folder under **user configuration** folder. Remember to rename the folder.
|
|
|
|
### Components of A Theme
|
|
Some key files of a theme:
|
|
|
|
- `palette.json`: the palette of a theme which defines several colors to be used in the theme;
|
|
- `interface.qss`: file for [**Qt Style Sheet**](http://doc.qt.io/qt-5/stylesheet-reference.html), which specifies the look of all the widgets; it will use the colors defined by `palette.json`;
|
|
- `text-editor.theme`: theme file of the text editor (as well as Markdown editor);
|
|
- `web.css`: style sheet file of the read mode of Markdown;
|
|
- `highlight.css`: style sheet file of the read mode of Markdown for code block syntax highlight; VNote uses [Prism](https://prismjs.com/) for syntax highlight in read mode;
|