Dockery/Trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-11-10 07:15:51 +01:00
Code Issues Packages Projects Releases Activity

fix(docs): unescaped URL in images

Browse Source
This commit is contained in:
Elian Doran
2025-03-11 17:24:15 +02:00
parent a441ea2461
commit e939b7b3d9
24 changed files with 95 additions and 95 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
docs/User Guide/User Guide/Theme development/Creating a custom theme.md
View File

@@ -1,19 +1,19 @@
# Creating a custom theme
# Creating a custom theme
## Step 1. Find a place to place the themes
Organization is an important aspect of managing a knowledge base. When developing a new theme or importing an existing one it's a good idea to keep them into one place.
As such, the first step is to create a new note to gather all the themes.
![](4_Creating a custom theme_im.png)
![](4_Creating%20a custom theme_im.png)
## Step 2. Create the theme
| | |
| --- | --- |
| ![](2_Creating a custom theme_im.png) | Themes are code notes with a special attribute. Start by creating a new code note. |
| ![](Creating a custom theme_im.png) | Then change the note type to a CSS code. |
| ![](5_Creating a custom theme_im.png) | In the _Owned Attributes_ section define the `#appTheme` attribute to point to any desired name. This is the name that will show up in the appearance section in settings. |
| ![](2_Creating%20a%20custom%20theme_im.png) | Themes are code notes with a special attribute. Start by creating a new code note. |
| ![](Creating%20a%20custom theme_im.png) | Then change the note type to a CSS code. |
| ![](5_Creating%20a%20custom theme_im.png) | In the _Owned Attributes_ section define the `#appTheme` attribute to point to any desired name. This is the name that will show up in the appearance section in settings. |
## Step 3. Define the theme's CSS
@@ -31,11 +31,11 @@ To alter the different variables of the theme:
Refresh the application (Ctrl+Shift+R is a good way to do so) and go to settings. You should see the newly created theme:
![](1_Creating a custom theme_im.png)
![](1_Creating%20a%20custom theme_im.png)
Afterwards the application will refresh itself with the new theme:
![](3_Creating a custom theme_im.png)
![](3_Creating%20a%20custom theme_im.png)
Do note that the theme will be based off of the legacy theme. To override that and base the theme on the new TriliumNext theme, see: [Theme base (legacy vs. next)](Customize%20the%20Next%20theme.md)

8
docs/User Guide/User Guide/Theme development/Custom app-wide CSS.md
View File

@@ -1,11 +1,11 @@
# Custom app-wide CSS
# Custom app-wide CSS
It is possible to provide a CSS file to be used regardless of the theme set by the user.
| | |
| --- | --- |
| ![](Custom app-wide CSS_image.png) | Start by creating a new note and changing the note type to CSS |
| ![](1_Custom app-wide CSS_image.png) | In the ribbon, press the “Owned Attributes” section and type `#appCss`. |
| ![](2_Custom app-wide CSS_image.png) | 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 |
| ![](Custom%20app-wide%20CSS_image.png) | Start by creating a new note and changing the note type to CSS |
| ![](1_Custom%20app-wide%20CSS_image.png) | In the ribbon, press the “Owned Attributes” section and type `#appCss`. |
| ![](2_Custom%20app-wide%20CSS_image.png) | 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

4
docs/User Guide/User Guide/Theme development/Customize the Next theme.md
View File

@@ -1,7 +1,7 @@
# Customize the Next theme
# Customize the Next theme
By default, any custom theme will be based on the legacy light theme. To use the TriliumNext theme instead, add the `#appThemeBase=next` attribute onto the existing theme. The `appTheme` attribute must also be present.
![](Customize the Next theme_i.png)
![](Customize%20the%20Next theme_i.png)
The `appThemeBase` label can be set to one of the following values: