To print a note, select the
- button to the right of the note and select Export as PDF.
Afterwards you will be prompted to select where to save the PDF file.
Upon confirmation, the resulting PDF will be opened automatically using
@@ -33,7 +33,7 @@
report the issue. In this case, it's best to offer a sample note (click
on the
- button, select Export note → This note and all of its descendants → HTML
+ button, select Export note → This note and all of its descendants → HTML
in ZIP archive). Make sure not to accidentally leak any personal information.
Landscape mode
When exporting to PDF, there are no customizable settings such as page
diff --git a/src/public/app/doc_notes/en/User Guide/User Guide/Features/Export as PDF_image.png b/src/public/app/doc_notes/en/User Guide/User Guide/New Features/Export as PDF_image.png
similarity index 100%
rename from src/public/app/doc_notes/en/User Guide/User Guide/Features/Export as PDF_image.png
rename to src/public/app/doc_notes/en/User Guide/User Guide/New Features/Export as PDF_image.png
diff --git a/src/public/app/doc_notes/en/User Guide/User Guide/New Features/Right-to-left text notes.html b/src/public/app/doc_notes/en/User Guide/User Guide/New Features/Right-to-left text notes.html
new file mode 100644
index 000000000..58ec7cb03
--- /dev/null
+++ b/src/public/app/doc_notes/en/User Guide/User Guide/New Features/Right-to-left text notes.html
@@ -0,0 +1,56 @@
+
+
+
+
+
+
+
+ Right-to-left text notes
+
+
+
+
+
Right-to-left text notes
+
+
+
Trilium now has basic support for right-to-left text, at note level.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Note that only the Text note type supports this.
+
The list of languages is configurable via the a new dedicated settings
+ page:
+
+
+
+
To select the corresponding language of the text, go to “Basic Properties”
+ and select your desired language.
+
+
+
+
Feel free to report any issues regarding right to left support.
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/public/app/doc_notes/en/User Guide/User Guide/New Features/Right-to-left text notes_i.png b/src/public/app/doc_notes/en/User Guide/User Guide/New Features/Right-to-left text notes_i.png
new file mode 100644
index 000000000..7ac5d7bc4
Binary files /dev/null and b/src/public/app/doc_notes/en/User Guide/User Guide/New Features/Right-to-left text notes_i.png differ
diff --git a/src/public/app/doc_notes/en/User Guide/User Guide/Features/Zen mode.html b/src/public/app/doc_notes/en/User Guide/User Guide/New Features/Zen mode.html
similarity index 100%
rename from src/public/app/doc_notes/en/User Guide/User Guide/Features/Zen mode.html
rename to src/public/app/doc_notes/en/User Guide/User Guide/New Features/Zen mode.html
diff --git a/src/public/app/doc_notes/en/User Guide/User Guide/Features/Zen mode_image.png b/src/public/app/doc_notes/en/User Guide/User Guide/New Features/Zen mode_image.png
similarity index 100%
rename from src/public/app/doc_notes/en/User Guide/User Guide/Features/Zen mode_image.png
rename to src/public/app/doc_notes/en/User Guide/User Guide/New Features/Zen mode_image.png
diff --git a/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/12_Geo Map_image.png b/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/10_Geo map_image.png
similarity index 100%
rename from src/public/app/doc_notes/en/User Guide/User Guide/Note Types/12_Geo Map_image.png
rename to src/public/app/doc_notes/en/User Guide/User Guide/Note Types/10_Geo map_image.png
diff --git a/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/13_Geo Map_image.png b/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/11_Geo map_image.png
similarity index 100%
rename from src/public/app/doc_notes/en/User Guide/User Guide/Note Types/13_Geo Map_image.png
rename to src/public/app/doc_notes/en/User Guide/User Guide/Note Types/11_Geo map_image.png
diff --git a/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/14_Geo Map_image.png b/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/12_Geo map_image.png
similarity index 100%
rename from src/public/app/doc_notes/en/User Guide/User Guide/Note Types/14_Geo Map_image.png
rename to src/public/app/doc_notes/en/User Guide/User Guide/Note Types/12_Geo map_image.png
diff --git a/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/15_Geo Map_image.png b/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/13_Geo map_image.png
similarity index 100%
rename from src/public/app/doc_notes/en/User Guide/User Guide/Note Types/15_Geo Map_image.png
rename to src/public/app/doc_notes/en/User Guide/User Guide/Note Types/13_Geo map_image.png
diff --git a/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/16_Geo Map_image.png b/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/14_Geo map_image.png
similarity index 100%
rename from src/public/app/doc_notes/en/User Guide/User Guide/Note Types/16_Geo Map_image.png
rename to src/public/app/doc_notes/en/User Guide/User Guide/Note Types/14_Geo map_image.png
diff --git a/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/17_Geo Map_image.png b/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/15_Geo map_image.png
similarity index 100%
rename from src/public/app/doc_notes/en/User Guide/User Guide/Note Types/17_Geo Map_image.png
rename to src/public/app/doc_notes/en/User Guide/User Guide/Note Types/15_Geo map_image.png
diff --git a/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/19_Geo Map_image.png b/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/16_Geo map_image.png
similarity index 100%
rename from src/public/app/doc_notes/en/User Guide/User Guide/Note Types/19_Geo Map_image.png
rename to src/public/app/doc_notes/en/User Guide/User Guide/Note Types/16_Geo map_image.png
diff --git a/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/17_Geo map_image.png b/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/17_Geo map_image.png
new file mode 100644
index 000000000..0c1519f2c
Binary files /dev/null and b/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/17_Geo map_image.png differ
diff --git a/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/18_Geo Map_image.png b/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/18_Geo Map_image.png
deleted file mode 100644
index f7be847f1..000000000
Binary files a/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/18_Geo Map_image.png and /dev/null differ
diff --git a/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/18_Geo map_image.png b/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/18_Geo map_image.png
new file mode 100644
index 000000000..099642560
Binary files /dev/null and b/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/18_Geo map_image.png differ
diff --git a/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/2_Geo Map_image.png b/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/1_Geo map_image.png
similarity index 100%
rename from src/public/app/doc_notes/en/User Guide/User Guide/Note Types/2_Geo Map_image.png
rename to src/public/app/doc_notes/en/User Guide/User Guide/Note Types/1_Geo map_image.png
diff --git a/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/3_Geo Map_image.png b/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/2_Geo map_image.png
similarity index 100%
rename from src/public/app/doc_notes/en/User Guide/User Guide/Note Types/3_Geo Map_image.png
rename to src/public/app/doc_notes/en/User Guide/User Guide/Note Types/2_Geo map_image.png
diff --git a/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/4_Geo Map_image.png b/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/3_Geo map_image.png
similarity index 100%
rename from src/public/app/doc_notes/en/User Guide/User Guide/Note Types/4_Geo Map_image.png
rename to src/public/app/doc_notes/en/User Guide/User Guide/Note Types/3_Geo map_image.png
diff --git a/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/5_Geo Map_image.png b/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/4_Geo map_image.png
similarity index 100%
rename from src/public/app/doc_notes/en/User Guide/User Guide/Note Types/5_Geo Map_image.png
rename to src/public/app/doc_notes/en/User Guide/User Guide/Note Types/4_Geo map_image.png
diff --git a/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/6_Geo Map_image.png b/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/5_Geo map_image.png
similarity index 100%
rename from src/public/app/doc_notes/en/User Guide/User Guide/Note Types/6_Geo Map_image.png
rename to src/public/app/doc_notes/en/User Guide/User Guide/Note Types/5_Geo map_image.png
diff --git a/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/7_Geo Map_image.png b/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/6_Geo map_image.png
similarity index 100%
rename from src/public/app/doc_notes/en/User Guide/User Guide/Note Types/7_Geo Map_image.png
rename to src/public/app/doc_notes/en/User Guide/User Guide/Note Types/6_Geo map_image.png
diff --git a/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/9_Geo Map_image.png b/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/7_Geo map_image.png
similarity index 100%
rename from src/public/app/doc_notes/en/User Guide/User Guide/Note Types/9_Geo Map_image.png
rename to src/public/app/doc_notes/en/User Guide/User Guide/Note Types/7_Geo map_image.png
diff --git a/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/8_Geo Map_image.png b/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/8_Geo Map_image.png
deleted file mode 100644
index 98397acee..000000000
Binary files a/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/8_Geo Map_image.png and /dev/null differ
diff --git a/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/10_Geo Map_image.png b/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/8_Geo map_image.png
similarity index 100%
rename from src/public/app/doc_notes/en/User Guide/User Guide/Note Types/10_Geo Map_image.png
rename to src/public/app/doc_notes/en/User Guide/User Guide/Note Types/8_Geo map_image.png
diff --git a/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/11_Geo Map_image.png b/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/9_Geo map_image.png
similarity index 100%
rename from src/public/app/doc_notes/en/User Guide/User Guide/Note Types/11_Geo Map_image.png
rename to src/public/app/doc_notes/en/User Guide/User Guide/Note Types/9_Geo map_image.png
diff --git a/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/Book/19_Calendar View_image.png b/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/Book/19_Calendar View_image.png
new file mode 100644
index 000000000..2dea53b64
Binary files /dev/null and b/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/Book/19_Calendar View_image.png differ
diff --git a/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/Book/Calendar View.html b/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/Book/Calendar View.html
index 5e0978e68..d64ff6f88 100644
--- a/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/Book/Calendar View.html
+++ b/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/Book/Calendar View.html
@@ -118,6 +118,12 @@
When present (regardless of value), it will show the number of the week
on the calendar.
+
+
~child:template
+
+
Defines the template for newly created notes in the calendar (via dragging
+ or clicking).
+
@@ -175,6 +181,36 @@
than the title, either a label (e.g. #assignee) or a relation
(e.g. ~for). See Advanced use-cases for more information.
+
+
#calendar:promotedAttributes
+
+
+
Allows displaying the value of one or more promoted attributes in the
+ calendar like this:
+
+
Allows using a different label to represent the start date, other than #startDate (e.g. #expiryDate).
+ The label name must be prefixed with #. If the label is not
+ defined for a note, the default will be used instead.
+
+
+
#calendar:endDate
+
+
Allows using a different label to represent the start date, other than #endDate.
+ The label name must be prefixed with #. If the label is not
+ defined for a note, the default will be used instead.
To create a marker, first navigate to the desired point on the map. Then
press the
button on the top-right of the map.
+ src="3_Geo map_image.png" width="72" height="66">button on the top-right of the map.
If the button is not visible, make sure the button section is visible
by pressing the chevron button (
) in the top-right of the map.
+ src="8_Geo map_image.png" width="72" height="66">) in the top-right of the map.
2
-
@@ -96,7 +96,7 @@
3
-
@@ -107,7 +107,7 @@
4
-
@@ -122,7 +122,7 @@
The location of a marker is stored in the #geolocation attribute
of the child notes:
-
This value can be added manually if needed. The value of the attribute
@@ -155,6 +155,13 @@
+
Icon and color of the markers
+
+
+
+
The markers will have the same icon as the note.
+
It's possible to add a custom color to a marker by assigning them a #color attribute
+ such as #color=green.
Adding the coordinates manually
In a nutshell, create a child note and set the #geolocation attribute
to the coordinates.
@@ -168,7 +175,7 @@
1
-
@@ -185,7 +192,7 @@
2
-
@@ -199,7 +206,7 @@
3
-
@@ -225,7 +232,7 @@
1
-
@@ -236,7 +243,7 @@
2
-
@@ -250,7 +257,7 @@
3
-
@@ -275,7 +282,7 @@
1
-
@@ -286,7 +293,7 @@
2
-
@@ -297,7 +304,7 @@
3
-
@@ -310,9 +317,16 @@
-
-
-
+
Troubleshooting
+
Grid-like artifacts on the map
+
+
+
+
This occurs if the application is not at 100% zoom which causes the pixels
+ of the map to not render correctly due to fractional scaling. The only
+ possible solution i to set the UI zoom at 100% (default keyboard shortcut
+ is Ctrl+0).
-
-
-
\ No newline at end of file
diff --git a/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/Text/Content language.html b/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/Text/Content language.html
new file mode 100644
index 000000000..b6313e6c7
--- /dev/null
+++ b/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/Text/Content language.html
@@ -0,0 +1,34 @@
+
+
+
+
+
+
+
+ Content language
+
+
+
+
+
Content language
+
+
+
A language hint can be provided for text notes. This option informs the
+ browser or the desktop application about the language the note is written
+ in (for example this might help with spellchecking), and it also determines
+ whether the text is displayed from right-to-left for languages such as
+ Arabic, Hebrew, etc.
To set the language of the content, go to “Basic Properties” and look
+ for the “Language” field. By default there will be no content languages
+ set, they can be configured by going to settings or by selecting the “Configure
+ languages” item in the list.
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/Text/Content language_image.png b/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/Text/Content language_image.png
new file mode 100644
index 000000000..20864f8af
Binary files /dev/null and b/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/Text/Content language_image.png differ
diff --git a/src/public/app/doc_notes/en/User Guide/User Guide/Theme development/1_Creating a custom theme_im.png b/src/public/app/doc_notes/en/User Guide/User Guide/Theme development/1_Creating a custom theme_im.png
deleted file mode 100644
index f90ec6f54..000000000
Binary files a/src/public/app/doc_notes/en/User Guide/User Guide/Theme development/1_Creating a custom theme_im.png and /dev/null differ
diff --git a/src/public/app/doc_notes/en/User Guide/User Guide/Theme development/1_Customize the Next theme_i.png b/src/public/app/doc_notes/en/User Guide/User Guide/Theme development/1_Customize the Next theme_i.png
deleted file mode 100644
index 49dedf623..000000000
Binary files a/src/public/app/doc_notes/en/User Guide/User Guide/Theme development/1_Customize the Next theme_i.png and /dev/null differ
diff --git a/src/public/app/doc_notes/en/User Guide/User Guide/Theme development/2_Creating a custom theme_im.png b/src/public/app/doc_notes/en/User Guide/User Guide/Theme development/2_Creating a custom theme_im.png
deleted file mode 100644
index a88f2379e..000000000
Binary files a/src/public/app/doc_notes/en/User Guide/User Guide/Theme development/2_Creating a custom theme_im.png and /dev/null differ
diff --git a/src/public/app/doc_notes/en/User Guide/User Guide/Theme development/3_Creating a custom theme_im.png b/src/public/app/doc_notes/en/User Guide/User Guide/Theme development/3_Creating a custom theme_im.png
deleted file mode 100644
index 733ac21d1..000000000
Binary files a/src/public/app/doc_notes/en/User Guide/User Guide/Theme development/3_Creating a custom theme_im.png and /dev/null differ
diff --git a/src/public/app/doc_notes/en/User Guide/User Guide/Theme development/4_Creating a custom theme_im.png b/src/public/app/doc_notes/en/User Guide/User Guide/Theme development/4_Creating a custom theme_im.png
deleted file mode 100644
index ab66f9ecf..000000000
Binary files a/src/public/app/doc_notes/en/User Guide/User Guide/Theme development/4_Creating a custom theme_im.png and /dev/null differ
diff --git a/src/public/app/doc_notes/en/User Guide/User Guide/Theme development/5_Creating a custom theme_im.png b/src/public/app/doc_notes/en/User Guide/User Guide/Theme development/5_Creating a custom theme_im.png
deleted file mode 100644
index 60ed508e2..000000000
Binary files a/src/public/app/doc_notes/en/User Guide/User Guide/Theme development/5_Creating a custom theme_im.png and /dev/null differ
diff --git a/src/public/app/doc_notes/en/User Guide/User Guide/Theme development/Creating a custom theme.html b/src/public/app/doc_notes/en/User Guide/User Guide/Theme development/Creating a custom theme.html
deleted file mode 100644
index bde660104..000000000
--- a/src/public/app/doc_notes/en/User Guide/User Guide/Theme development/Creating a custom theme.html
+++ /dev/null
@@ -1,94 +0,0 @@
-
-
-
-
-
-
-
- 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.
-
-
-
-
Step 2. Create the theme
-
-
-
-
-
-
-
-
-
-
-
-
-
-
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
-
As a very simple example we will change the background color of the launcher
- pane to a shade of blue.
Refresh the application (Ctrl+Shift+R is a good way to do so) and go to
- settings. You should see the newly created theme:
-
-
-
-
Afterwards the application will refresh itself with the new theme:
-
-
-
-
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)
-
-
Step 5. Making changes
-
Simply go back to the note and change according to needs. To apply the
- changes to the current window, press Ctrl+Shift+R to refresh.
-
It's a good idea to keep two windows, one for editing and the other one
- for previewing the changes.
-
-
-
-
-
\ No newline at end of file
diff --git a/src/public/app/doc_notes/en/User Guide/User Guide/Theme development/Creating a custom theme_im.png b/src/public/app/doc_notes/en/User Guide/User Guide/Theme development/Creating a custom theme_im.png
deleted file mode 100644
index 59dccde8c..000000000
Binary files a/src/public/app/doc_notes/en/User Guide/User Guide/Theme development/Creating a custom theme_im.png and /dev/null differ
diff --git a/src/public/app/doc_notes/en/User Guide/User Guide/Theme development/Customize the Next theme.html b/src/public/app/doc_notes/en/User Guide/User Guide/Theme development/Customize the Next theme.html
deleted file mode 100644
index 7b3314827..000000000
--- a/src/public/app/doc_notes/en/User Guide/User Guide/Theme development/Customize the Next theme.html
+++ /dev/null
@@ -1,36 +0,0 @@
-
-
-
-
-
-
-
- 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.
-
-
-
-
When appThemeBase is set to next it will use the
- “TriliumNext (auto)” theme. Any other value is ignored and will use the
- legacy white theme instead.
-
Overrides
-
Do note that the TriliumNext theme has a few more overrides than the legacy
- theme, so you might need to suffix !important if the style changes
- are not applied.
-
-
-
\ No newline at end of file
diff --git a/src/public/app/doc_notes/en/User Guide/User Guide/Theme development/Customize the Next theme_i.png b/src/public/app/doc_notes/en/User Guide/User Guide/Theme development/Customize the Next theme_i.png
deleted file mode 100644
index 83b9d7d10..000000000
Binary files a/src/public/app/doc_notes/en/User Guide/User Guide/Theme development/Customize the Next theme_i.png and /dev/null differ
diff --git a/src/public/app/doc_notes/en/User Guide/User Guide/Theme development/Reference.html b/src/public/app/doc_notes/en/User Guide/User Guide/Theme development/Reference.html
deleted file mode 100644
index b745855ec..000000000
--- a/src/public/app/doc_notes/en/User Guide/User Guide/Theme development/Reference.html
+++ /dev/null
@@ -1,180 +0,0 @@
-
-
-
-
-
-
-
- Reference
-
-
-
-
-
Reference
-
-
-
Detecting mobile vs. desktop
-
The mobile layout is different than the one on the desktop. Use body.mobile and body.desktop to
- differentiate between them.
body.mobile #root-widget {
- /* Do something on mobile */
-}
-
-body.desktop #root-widget {
- /* Do something on desktop */
-}
-
Do note that there is also a “tablet mode” in the mobile layout. For that
- particular case media queries are required:
@media (max-width: 991px) {
-
- #launcher-pane {
-
- /* Do something on mobile layout */
-
- }
-
-}
-
-
-
-@media (min-width: 992px) {
-
- #launcher-pane {
-
- /* Do something on mobile tablet + desktop layout */
-
- }
-
-}
-
Detecting horizontal vs. vertical layout
-
The user can select between vertical layout (the classical one, where
- the launcher bar is on the left) and a horizontal layout (where the launcher
- bar is on the top and tabs are full-width).
-
Different styles can be applied by using classes at body level:
body.layout-vertical #left-pane {
- /* Do something */
-}
-
-body.layout-horizontal #center-pane {
- /* Do something else */
-}
-
The two different layouts use different containers (but they are present
- in the DOM regardless of the user's choice), for example #horizontal-main-container and #vertical-main-container can
- be used to customize the background of the content section.
-
Detecting platform (Windows, macOS) or Electron
-
It is possible to add particular styles that only apply to a given platform
- by using the classes in body:
-
-
-
-
-
Windows
-
macOS
-
-
-
-
-
body.platform-win32 {
- background: red;
-}
-
-
body.platform-darwin {
- background: red;
-}
-
-
-
-
-
-
It is also possible to only apply a style if running under Electron (desktop
- application):
body.electron {
- background: blue;
-}
-
Native title bar
-
It's possible to detect if the user has selected the native title bar
- or the custom title bar by querying against body:
body.electron.native-titlebar {
- /* Do something */
-}
-
-body.electron:not(.native-titlebar) {
- /* Do something else */
-}
-
Native window buttons
-
When running under Electron with native title bar off, a feature was introduced
- to use the platform-specific window buttons such as the semaphore on macOS.
The colors of the native window button area can be adjusted using a RGB
- hex color:
body {
- --native-titlebar-foreground: #ffffff;
- --native-titlebar-background: #ff0000;
-}
-
It is also possible to use transparency at the cost of reduced hover colors
- using a RGBA hex color:
body {
- --native-titlebar-background: #ff0000aa;
-}
-
Note that the value is read when the window is initialized and then it
- is refreshed only when the user changes their light/dark mode preference.
-
On macOS
-
On macOS the semaphore window buttons are enabled by default when the
- native title bar is disabled. The offset of the buttons can be adjusted
- using:
body {
- --native-titlebar-darwin-x-offset: 12;
- --native-titlebar-darwin-y-offset: 14 !important;
-}
-
Background/transparency effects on Windows (Mica)
-
Windows 11 offers a special background/transparency effect called Mica,
- which can be enabled by themes by setting the --background-material variable
- at body level:
The value can be either tabbed (especially useful for the horizontal
- layout) or mica (ideal for the vertical layout).
-
Do note that the Mica effect is applied at body level and the
- theme needs to make the entire hierarchy (semi-)transparent in order for
- it to be visible. Use the TrilumNext theme as an inspiration.
-
Note icons, tab workspace accent color
-
Theme capabilities are small adjustments done through CSS variables that
- can affect the layout or the visual aspect of the application.
-
In the tab bar, to display the icons of notes instead of the icon of the
- workspace:
:root {
- --tab-note-icons: true;
-}
-
When a workspace is hoisted for a given tab, it is possible to get the
- background color of that workspace, for example to apply a small strip
- on the tab instead of the whole background color:
Currently the only way to include a custom font is to use Custom resource providers.
- Basically import a font into Trilium and assign it #customResourceProvider=fonts/myfont.ttf and
- then import the font in CSS via /custom/fonts/myfont.ttf.
-
Dark and light themes
-
A light theme needs to have the following CSS:
:root {
- --theme-style: light;
-}
-
if the theme is dark, then --theme-style needs to be dark.
-
If the theme is auto (e.g. supports both light or dark based on prefers-color-scheme)
- it must also declare (in addition to setting --theme-style to
- either light or dark):
:root {
-
- --theme-style-auto: true;
-
-}
-
This will affect the behavior of the Electron application by informing
- the operating system of the color preference (e.g. background effects will
- appear correct on Windows).
-
-
-
-
-
\ No newline at end of file
diff --git a/src/public/app/doc_notes/en/User Guide/index.html b/src/public/app/doc_notes/en/User Guide/index.html
index c5c17da96..a0520a973 100644
--- a/src/public/app/doc_notes/en/User Guide/index.html
+++ b/src/public/app/doc_notes/en/User Guide/index.html
@@ -6,6 +6,6 @@
button to the right of the note and select Export as PDF.
button, select Export note → This note and all of its descendants → HTML
in ZIP archive). Make sure not to accidentally leak any personal information.
+ 
+ 
+ 
+ 
+ 
button on the top-right of the map.
) in the top-right of the map.
+ 
+ 
+ 
- 
- 
- 
- 
- 
- 
-