mirror of
https://github.com/zadam/trilium.git
synced 2025-11-07 05:46:10 +01:00
32 lines
1.2 KiB
Markdown
Vendored
32 lines
1.2 KiB
Markdown
Vendored
# Custom app-wide CSS
|
||
It is possible to provide a CSS file to be used regardless of the theme set by the user.
|
||
|
||
| | |
|
||
| --- | --- |
|
||
|  | Start by creating a new note and changing the note type to CSS |
|
||
|  | In the ribbon, press the “Owned Attributes” section and type `#appCss`. |
|
||
|  | Type the desired CSS. <br> <br>Generally it's a good idea to append `!important` for the styles that are being changed, in order to prevent other |
|
||
|
||
## Seeing the changes
|
||
|
||
Adding a new _app CSS note_ or modifying an existing one does not immediately apply changes. To see the changes, press Ctrl+Shift+R to refresh the page first.
|
||
|
||
## Example use-case: customizing the printing stylesheet
|
||
|
||
When printing a document or exporting as PDF, it is possible to adjust the style by creating a CSS note that uses the `@media` selector.
|
||
|
||
For example, to change the font of the document from the one defined by the theme or the user to a serif one:
|
||
|
||
```
|
||
@media print {
|
||
|
||
body {
|
||
|
||
--main-font-family: serif !important;
|
||
|
||
--detail-font-family: var(--main-font-family) !important;
|
||
|
||
}
|
||
|
||
}
|
||
``` |