mirror of
https://github.com/zadam/trilium.git
synced 2025-11-03 11:56:01 +01:00
fix(docs): missing images in theme development
This commit is contained in:
Elian Doran
@@ -4742,6 +4742,14 @@
|
||||
"position": 10,
|
||||
"dataFileName": "10_Geo map_image.png"
|
||||
},
|
||||
{
|
||||
"attachmentId": "IeXU8SLZU7Oz",
|
||||
"title": "image.jpg",
|
||||
"role": "image",
|
||||
"mime": "image/jpg",
|
||||
"position": 10,
|
||||
"dataFileName": "Geo map_image.jpg"
|
||||
},
|
||||
{
|
||||
"attachmentId": "Mx2xwNIk76ZS",
|
||||
"title": "image.png",
|
||||
@@ -5111,6 +5119,62 @@
|
||||
"format": "markdown",
|
||||
"dataFileName": "Creating a custom theme.md",
|
||||
"attachments": [
|
||||
{
|
||||
"attachmentId": "3kOhtnQHT9w0",
|
||||
"title": "5_Creating%20a%20custom%20theme_im.png",
|
||||
"role": "image",
|
||||
"mime": "image/jpg",
|
||||
"position": 10,
|
||||
"dataFileName": "Creating a custom theme_5_.png"
|
||||
},
|
||||
{
|
||||
"attachmentId": "7M6PnFYlxR2t",
|
||||
"title": "3_Creating a custom theme_im.png",
|
||||
"role": "image",
|
||||
"mime": "image/jpg",
|
||||
"position": 10,
|
||||
"dataFileName": "Creating a custom theme_3_.png"
|
||||
},
|
||||
{
|
||||
"attachmentId": "hJc5fBNfSLoY",
|
||||
"title": "Creating a custom theme_im.png",
|
||||
"role": "image",
|
||||
"mime": "image/jpg",
|
||||
"position": 10,
|
||||
"dataFileName": "Creating a custom theme_Cr.png"
|
||||
},
|
||||
{
|
||||
"attachmentId": "j3OaGihW6eg3",
|
||||
"title": "1_Creating a custom theme_im.png",
|
||||
"role": "image",
|
||||
"mime": "image/jpg",
|
||||
"position": 10,
|
||||
"dataFileName": "Creating a custom theme_1_.png"
|
||||
},
|
||||
{
|
||||
"attachmentId": "LCQ6zvUbvXQr",
|
||||
"title": "4_Creating a custom theme_im.png",
|
||||
"role": "image",
|
||||
"mime": "image/jpg",
|
||||
"position": 10,
|
||||
"dataFileName": "Creating a custom theme_4_.png"
|
||||
},
|
||||
{
|
||||
"attachmentId": "mY5EGlN7TO6I",
|
||||
"title": "5_Creating a custom theme_im.png",
|
||||
"role": "image",
|
||||
"mime": "image/jpg",
|
||||
"position": 10,
|
||||
"dataFileName": "1_Creating a custom theme_5_.png"
|
||||
},
|
||||
{
|
||||
"attachmentId": "TMHEj1M3XFGO",
|
||||
"title": "2_Creating a custom theme_im.png",
|
||||
"role": "image",
|
||||
"mime": "image/jpg",
|
||||
"position": 10,
|
||||
"dataFileName": "Creating a custom theme_2_.png"
|
||||
},
|
||||
{
|
||||
"attachmentId": "yJVfT7rjp4tI",
|
||||
"title": "image.png",
|
||||
@@ -6887,28 +6951,28 @@
|
||||
{
|
||||
"type": "relation",
|
||||
"name": "internalLink",
|
||||
"value": "KSZ04uQ2D1St",
|
||||
"value": "_optionsTextNotes",
|
||||
"isInheritable": false,
|
||||
"position": 10
|
||||
},
|
||||
{
|
||||
"type": "relation",
|
||||
"name": "internalLink",
|
||||
"value": "_optionsTextNotes",
|
||||
"value": "_optionsCodeNotes",
|
||||
"isInheritable": false,
|
||||
"position": 20
|
||||
},
|
||||
{
|
||||
"type": "relation",
|
||||
"name": "internalLink",
|
||||
"value": "MI26XDLSAlCD",
|
||||
"value": "KSZ04uQ2D1St",
|
||||
"isInheritable": false,
|
||||
"position": 30
|
||||
},
|
||||
{
|
||||
"type": "relation",
|
||||
"name": "internalLink",
|
||||
"value": "_optionsCodeNotes",
|
||||
"value": "MI26XDLSAlCD",
|
||||
"isInheritable": false,
|
||||
"position": 40
|
||||
},
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 3.3 KiB |
@@ -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)
|
||||
|
||||
|
||||
## Step 2. Create the theme
|
||||
|
||||
| | |
|
||||
| --- | --- |
|
||||
|  | 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. |
|
||||
|  | Themes are code notes with a special attribute. Start by creating a new code note. |
|
||||
|  | Then change the note type to a CSS code. |
|
||||
|  | 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)
|
||||
|
||||
|
||||
Afterwards the application will refresh itself with the new theme:
|
||||
|
||||
!\[\](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)
|
||||
|
||||
|
||||
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 |
Reference in New Issue
Block a user