fix(docs): missing images in theme development

This commit is contained in:
Elian Doran
2025-04-03 21:08:18 +03:00
parent 38ed8b6592
commit 25fe6c2690
18 changed files with 194 additions and 46 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.3 KiB

View File

@@ -5,15 +5,15 @@ Organization is an important aspect of managing a knowledge base. When developin
As such, the first step is to create a new note to gather all the themes.
!\[\](4\_Creating%20a custom theme\_im.png)
![](1_Creating%20a%20custom%20theme_5_.png)
## Step 2. Create the theme
| | |
| --- | --- |
| ![](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. |
| ![](Creating%20a%20custom%20theme_3_.png) | Themes are code notes with a special attribute. Start by creating a new code note. |
| ![](Creating%20a%20custom%20theme_1_.png) | Then change the note type to a CSS code. |
| ![](Creating%20a%20custom%20theme_Cr.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%20a%20custom theme\_im.png)
![](Creating%20a%20custom%20theme_2_.png)
Afterwards the application will refresh itself with the new theme:
!\[\](3\_Creating%20a%20custom theme\_im.png)
![](Creating%20a%20custom%20theme_4_.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)

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 40 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 48 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.2 KiB