Dockery/Trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-12-22 08:09:55 +01:00
Code Issues Packages Projects Releases Activity

fix(docs): extra ** for inline code

Browse Source
This commit is contained in:
Elian Doran
2025-04-06 00:00:44 +03:00
parent 8e1f0f8b27
commit 7c6e7cacae
14 changed files with 397 additions and 414 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
docs/User Guide/User Guide/Basic Concepts and Features/Themes.md
View File

@@ -10,7 +10,7 @@ Trilium comes with a couple pre-installed color themes, with the default being a
Trilium supports custom user themes, allowing you to personalize the application's appearance. To create a custom theme, follow these steps:
1. **Create a CSS Code Note**: Start by creating a new [code note](../Note%20Types/Code.md) with the `CSS` type.
2. **Annotate with** `**#appTheme**`: Add the [attribute](../Advanced%20Usage/Attributes.md) `#appTheme=my-theme-name` to your note, where `my-theme-name` is the name of your custom theme.
2. **Annotate with** `#appTheme`: Add the [attribute](../Advanced%20Usage/Attributes.md) `#appTheme=my-theme-name` to your note, where `my-theme-name` is the name of your custom theme.
3. **Define Your Styles**: Write your custom CSS within the note. Below is an example of a custom theme:
```
@@ -96,7 +96,7 @@ In addition to full themes, Trilium allows for custom CSS that isn't tied to a t
To use custom CSS:
1. **Create a CSS Code Note**: Create a new [code note](../Note%20Types/Code.md) with the `CSS` type.
2. **Add the** `**appCss**` **Label**: Annotate the note with the `#appCss` [label](../Advanced%20Usage/Attributes.md).
2. **Add the** `appCss` **Label**: Annotate the note with the `#appCss` [label](../Advanced%20Usage/Attributes.md).
3. **Write Your CSS**: Add your custom CSS rules to the note.
For example:
@@ -118,14 +118,14 @@ After making changes, press <kbd>Ctrl</kbd> + <kbd>R</kbd> to reload the fronten
To apply specific styles to certain notes in the tree:
* **Use the** `**cssClass**` **Attribute**: Add the `cssClass` [attribute](../Advanced%20Usage/Attributes.md) to a note, and assign it a value representing the desired CSS class.
* **Define an** `**iconClass**`: You can also define a custom icon for a note using the `iconClass` attribute, selecting from [Box Icons](https://boxicons.com) or your own custom classes.
* **Use the** `cssClass` **Attribute**: Add the `cssClass` [attribute](../Advanced%20Usage/Attributes.md) to a note, and assign it a value representing the desired CSS class.
* **Define an** `iconClass`: You can also define a custom icon for a note using the `iconClass` attribute, selecting from [Box Icons](https://boxicons.com) or your own custom classes.
For example, if you want to style notes of a specific type, such as notes containing PNG images, you can target them with classes like `type-image mime-image-png`.
### User-Provided Themes
A gallery of user-created themes is available, showcasing the variety of customizations that the Trilium community has developed. For more information, visit the [Theme Gallery](Themes/Theme%20Gallery.md).
A gallery of user-created themes is available, showcasing the variety of customizations that the Trilium community has developed. For more information, check the <a class="reference-link" href="Themes/Theme%20Gallery.md">Theme Gallery</a>.
### Asset Path Management