dawy_go/vnote
1
0
Fork 0
mirror of https://gitee.com/vnotex/vnote.git synced 2025-07-05 22:09:52 +08:00
Code Issues Packages Projects Releases Wiki Activity
vnote/en_us/docs/Users/Themes and Styles.md
Le Tan 0db9773799 update docs about VNote 3
2021-07-13 19:28:45 +08:00

1.2 KiB
Raw Blame History

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, 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 for syntax highlight in read mode;