gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2026-02-06 05:44:27 +01:00
Code Issues Actions 14 Packages Projects Releases Wiki Activity

More fixes

Browse Source
This commit is contained in:
hulmgulm 2026-02-04 20:48:36 +01:00
parent f90cc9aff7
commit e82ae762f0
4 changed files with 36 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

67
apps/server/src/assets/doc_notes/en/User Guide/User Guide/Theme development/Creating a custom theme.html generated vendored
View File

@ -7,39 +7,38 @@
<img src="Creating a custom theme_5_.png">
</p>
<h2>Step 2. Create the theme</h2>
<figure class="table">
<table>
<thead>
<tr>
<th>&nbsp;</th>
<th>&nbsp;</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<img src="Creating a custom theme_3_.png">
</td>
<td>Themes are code notes with a special attribute. Start by creating a new
code note.</td>
</tr>
<tr>
<td>
<img src="Creating a custom theme_1_.png">
</td>
<td>Then change the note type to a CSS code.</td>
</tr>
<tr>
<td>
<img src="Creating a custom theme_Cr.png">
</td>
<td>In the <em>Owned Attributes</em> section define the <code spellcheck="false">#appTheme</code> attribute
to point to any desired name. This is the name that will show up in the
appearance section in settings.</td>
</tr>
</tbody>
</table>
</figure>
<table>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td>
<img src="Creating a custom theme_3_.png">
</td>
<td>Themes are code notes with a special attribute. Start by creating a new
code note.</td>
</tr>
<tr>
<td>
<img src="Creating a custom theme_1_.png">
</td>
<td>Then change the note type to a CSS code.</td>
</tr>
<tr>
<td>
<img src="Creating a custom theme_Cr.png">
</td>
<td>In the <em>Owned Attributes</em> section define the <code spellcheck="false">#appTheme</code> attribute
to point to any desired name. This is the name that will show up in the
appearance section in settings.</td>
</tr>
</tbody>
</table>
<h2>Step 3. Define the theme's CSS</h2>
<p>As a very simple example we will change the background color of the launcher
pane to a shade of blue.</p>
@ -61,7 +60,7 @@
</p>
<h2>Step 5. Making changes</h2>
<p>Simply go back to the note and change according to needs. To apply the
changes to the current window, press <kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>R </kbd>to
changes to the current window, press <kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>R</kbd> to
refresh.</p>
<p>It's a good idea to keep two windows, one for editing and the other one
for previewing the changes.</p>

2
apps/server/src/assets/doc_notes/en/User Guide/User Guide/Theme development/Creating an icon pack.html generated vendored
View File

@ -76,7 +76,7 @@
"terms": [ "ball" ]
},
"bxs-party": {
"glyph": "\uec92"
"glyph": "\uec92",
"terms": [ "party" ]
}
}

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

@ -41,6 +41,6 @@ Do note that the theme will be based off of the legacy theme. To override that a
## Step 5. Making changes
Simply go back to the note and change according to needs. To apply the changes to the current window, press <kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>R </kbd> to refresh.
Simply go back to the note and change according to needs. To apply the changes to the current window, press <kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>R</kbd> to refresh.
It's a good idea to keep two windows, one for editing and the other one for previewing the changes.

2
docs/User Guide/User Guide/Theme development/Creating an icon pack.md vendored
View File

@ -51,7 +51,7 @@ The icon pack manifest is a JSON file with the following structure:
"terms": [ "ball" ]
},
"bxs-party": {
"glyph": "\uec92"
"glyph": "\uec92",
"terms": [ "party" ]
}
}