Sometimes, setting up a dedicated server installation is
not feasible. The desktop application ships with a fully functional server
instance by default.
By default, this will display the desktop user interface, even on mobile.
To switch to the mobile version, simply go to the Global menu and
- select “Switch to the mobile version”.
+ href="#root/_help_x3i7MxGccDuM">Global menu and select “Switch
+ to the mobile version”.
Allowing the port externally on Windows with Windows Defender Firewall
First, find out the IP of your desktop server by running ipconfig in
your local terminal. Then try accessing http://<ip>:37840/login on
@@ -21,15 +21,15 @@ class="admonition note">
by your operating system's firewall.
If you use Windows Defender Firewall:
-
Go to Windows's start menu and look for “Windows Defender Firewall with
+
Go to Windows's start menu and look for “Windows Defender Firewall with
Advanced Security”.
-
Go to “Inbound Rules” on the left tree, and select “New Rule” in the “Actions”
+
Go to “Inbound Rules” on the left tree, and select “New Rule” in the “Actions”
sidebar on the right.
-
Select “Port” and press “Next”.
-
Type in 37840 in the “Specific local ports” section and then
+
Select “Port” and press “Next”.
+
Type in 37840 in the “Specific local ports” section and then
press “Next”.
-
Leave “Allow the connection” checked and press “Next”.
-
Configure the networks to apply to (check all if unsure) and then press
+
Leave “Allow the connection” checked and press “Next”.
+
Configure the networks to apply to (check all if unsure) and then press
“Next”.
-
Add an appropriate name to the rule (e.g. “Trilium Notes”) and press “Finish”.
+
Add an appropriate name to the rule (e.g. “Trilium Notes”) and press “Finish”.
\ No newline at end of file
diff --git a/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Installation & Setup/Mobile Frontend.html b/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Installation & Setup/Mobile Frontend.html
index 844fb7e34..afecd5fb1 100644
--- a/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Installation & Setup/Mobile Frontend.html
+++ b/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Installation & Setup/Mobile Frontend.html
@@ -7,21 +7,21 @@
Note that this is not an Android/iOS app, this is just mobile friendly
web page served on the server edition.
Fill the file with the context shown below, part of the setting show be
changed. Then you can enjoy your web with HTTPS forced and proxy.
# This part configures, where your Trilium server is running
upstream trilium {
@@ -54,10 +54,9 @@ server {
(useful e.g. if you want to serve multiple instances), update the location
block like so:
-
update the location with your desired path (make sure to not leave a trailing
+
update the location with your desired path (make sure to not leave a trailing
slash "/", if your proxy_pass does not end on a slash as well)
-
add the proxy_cookie_path directive with the same path: this
+
add the proxy_cookie_path directive with the same path: this
allows you to stay logged in at multiple instances at the same time.
After setting up a reverse proxy, make sure to configure the Trusted proxy.
\ No newline at end of file
+ href="#root/_help_LLzSMXACKhUs">Trusted proxy.
\ No newline at end of file
diff --git a/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Installation & Setup/Server Installation/2. Reverse proxy/Trusted proxy.html b/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Installation & Setup/Server Installation/2. Reverse proxy/Trusted proxy.html
index 1ff6f657a..e477571ac 100644
--- a/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Installation & Setup/Server Installation/2. Reverse proxy/Trusted proxy.html
+++ b/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Installation & Setup/Server Installation/2. Reverse proxy/Trusted proxy.html
@@ -1,12 +1,11 @@
-
If you are running the Trilium server under a reverse proxy,
+
If you are running the Trilium server under a reverse proxy,
it's important to configure it as a trusted proxy so that the application
can correctly identify the real IP address of the clients (for authentication
and rate limiting purposes).
This will use the left-most IP in the X-Forwarded-For header.
Alternatively, instead of true use the IP address of the reverse
proxy or Express.js shortcuts such as:
\ No newline at end of file
diff --git a/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Installation & Setup/Server Installation/HTTPS (TLS).html b/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Installation & Setup/Server Installation/HTTPS (TLS).html
index f835dba4e..c63e72e26 100644
--- a/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Installation & Setup/Server Installation/HTTPS (TLS).html
+++ b/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Installation & Setup/Server Installation/HTTPS (TLS).html
@@ -3,18 +3,18 @@
Obtaining a TLS Certificate
You have two options for obtaining a TLS certificate:
-
Recommended: Obtain a TLS certificate signed by a root
+
Recommended: Obtain a TLS certificate signed by a root
certificate authority. For personal use, Let's Encrypt is
an excellent choice. It is free, automated, and straightforward. Certbot
can facilitate automatic TLS setup.
-
Generate a self-signed certificate. This option is not recommended due
+
Generate a self-signed certificate. This option is not recommended due
to the additional complexity of importing the certificate into all machines
connecting to the server.
The Presentation view allows the creation of slideshows directly from
+ within Trilium.
+
How it works
+
+
Each slide is a child note of the collection.
+
The order of the child notes determines the order of the slides.
+
Unlike traditional presentation software, slides can be laid out both
+ horizontally and vertically (see belwo for more information).
+
Direct children will be laid out horizontally and the children of those
+ will be laid out vertically. Children deeper than two levels of nesting
+ are ignored.
+
+
Interaction and navigation
+
In the floating buttons section (top-right):
+
+
Edit button to go to the corresponding note of the current slide.
+
Press Overview button (or the O key) to show a birds-eye view
+ of the slides. Press the button again to disable it.
+
Press the “Start presentation” button to show the presentation in full-screen.
+
+
The following keyboard shortcuts are supported:
+
+
Press ← and → (or H and L) to go
+ to the slide on the left or on the right (horizontal).
+
Press ↑ and ↓ (or K and J)
+ to go to the upward or downward slide (vertical).
+
Press Space and Shift + Space or to go
+ to the next/previous slide in order.
+
And a few more, press ? to display a popup with all the supported
+ keyboard combinations.
+
+
Vertical slides and nesting
+
Unlike traditional presentation software such as Microsoft PowerPoint,
+ the slides in Trilium can be laid out horizontally or vertically in order
+ to create depth or better organize the slides by topic.
+
This horizontal/vertical organization affects transitions (especially
+ on the “slide” transition), however it is most noticeable in navigation.
+
+
Pressing ← and → will navigate through slides horizontally,
+ thus skipping vertical notes under the current slide. This is useful to
+ skip entire chapters/related slides.
+
Pressing ↑ and ↓ will navigate through the vertical
+ slides at the current level.
+
Pressing Space and Shift + Space will go to
+ the next/previous slide in order, regardless of the direction. This is
+ generally the key combination to use when presenting.
+
The arrows on the bottom-right of the slide will also reflect this navigation
+ scheme.
+
+
+
+
+
All direct children of the collection will be laid out horizontally. If
+ a direct child also has children, those children will be placed as vertical
+ slides.
+
In the following example, the note structure is as follows:
+
+
Presentation collection
+
+
Trilium Notes (demo page)
+
“Introduction” slide
+
+
“The challenge of personal knowledge management”
+
“Note-taking structures”
+
+
+
“Demo & Feature highlights” slide
+
+
“Really fast installation process”
+
Video slide
+
+
+
+
+
+
Customization
+
At collection level, it's possible to adjust:
+
+
The theme of the entire presentation to one of the predefined themes by
+ going to the Ribbon and
+ looking for the Collection Properties tab.
+
It's currently not possible to create custom themes, although it is planned.
+
Note that it is note possible to alter the CSS via Custom app-wide CSS because
+ the slides are rendered isolated (in a shadow DOM).
+
+
At slide level:
+
+
It's possible to adjust the background color of a slide by using the
+ predefined promoted attributefor the color or manually setting #slide:background to
+ a hex color.
+
More complex backgrounds can be achieved via gradients. There's no UI
+ for it; it has to be set via #slide:background to a CSS gradient
+ definition such as: linear-gradient(to bottom, #283b95, #17b2c3).
+
+
Tips and tricks
+
+
Text notes generally respect the formatting (bold, italic, foreground
+ and background colors) and font size. Code blocks and tables also work.
+
Try using more than just text notes, the presentation uses the same mechanism
+ as shared notes and
+ Note List so it should be able to display Mermaid Diagrams,
+ Canvas and Mind Map in
+ full-screen (without the interactivity).
+
+
Consider using a transparent background for Canvas, if
+ the slides have a custom background (go to the hamburger menu in the Canvas,
+ press the button select a custom color and write transparent).
+
+
For Mermaid Diagrams,
+ some of them have a predefined background which can be changed via the
+ frontmatter. For example, for XY-charts:
The Presentation view uses Reveal.js to
+ handle the navigation and layout of the slides.
\ No newline at end of file
diff --git a/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Note Types/Collections/Presentation View_image.png b/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Note Types/Collections/Presentation View_image.png
new file mode 100644
index 000000000..b87b47a4b
Binary files /dev/null and b/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Note Types/Collections/Presentation View_image.png differ
diff --git a/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Theme development/Custom app-wide CSS.html b/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Theme development/Custom app-wide CSS.html
index 195bfd275..8a5189927 100644
--- a/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Theme development/Custom app-wide CSS.html
+++ b/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Theme development/Custom app-wide CSS.html
@@ -1,37 +1,38 @@
It is possible to provide a CSS file to be used regardless of the theme
set by the user.
-
-
-
-
-
-
-
-
-
-
-
-
-
Start by creating a new note and changing the note type to CSS
-
-
-
-
-
-
In the ribbon, press the “Owned Attributes” section and type #appCss.
-
-
-
-
-
-
Type the desired CSS.
-
- Generally it's a good idea to append !important for the styles
- that are being changed, in order to prevent other
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Start by creating a new note and changing the note type to CSS
+
+
+
+
+
+
In the ribbon, press the “Owned Attributes” section and type #appCss.
+
+
+
+
+
+
Type the desired CSS.
+
+ Generally it's a good idea to append !important for the styles
+ that are being changed, in order to prevent other
+
+
+
+
Seeing the changes
Adding a new app CSS note or modifying an existing one does not
immediately apply changes. To see the changes, press Ctrl+Shift+R to refresh
@@ -53,9 +54,10 @@
workspaces.
To do so:
-
In the note with #workspace, add an inheritable attribute #cssClass(inheritable) with
+
In the note with #workspace, add an inheritable attribute #cssClass(inheritable) with
a value that uniquely identifies the workspace (say my-workspace).
-
Anywhere in the note structure, create a CSS note with #appCss.
+
Anywhere in the note structure, create a CSS note with #appCss.
\ No newline at end of file
diff --git a/docs/User Guide/!!!meta.json b/docs/User Guide/!!!meta.json
index 84d1a4018..3b295b082 100644
--- a/docs/User Guide/!!!meta.json
+++ b/docs/User Guide/!!!meta.json
@@ -202,14 +202,14 @@
{
"type": "relation",
"name": "internalLink",
- "value": "tAassRL4RSQL",
+ "value": "l2VkvOwUNfZj",
"isInheritable": false,
"position": 10
},
{
"type": "relation",
"name": "internalLink",
- "value": "l2VkvOwUNfZj",
+ "value": "tAassRL4RSQL",
"isInheritable": false,
"position": 20
},
@@ -252,14 +252,14 @@
{
"type": "relation",
"name": "internalLink",
- "value": "WOcw2SLH6tbX",
+ "value": "x3i7MxGccDuM",
"isInheritable": false,
"position": 10
},
{
"type": "relation",
"name": "internalLink",
- "value": "x3i7MxGccDuM",
+ "value": "WOcw2SLH6tbX",
"isInheritable": false,
"position": 20
}
@@ -741,19 +741,19 @@
"type": "text",
"mime": "text/markdown",
"attributes": [
+ {
+ "type": "relation",
+ "name": "internalLink",
+ "value": "LLzSMXACKhUs",
+ "isInheritable": false,
+ "position": 10
+ },
{
"type": "label",
"name": "shareAlias",
"value": "nginx-proxy-setup",
"isInheritable": false,
"position": 10
- },
- {
- "type": "relation",
- "name": "internalLink",
- "value": "LLzSMXACKhUs",
- "isInheritable": false,
- "position": 20
}
],
"format": "markdown",
@@ -777,19 +777,19 @@
"type": "text",
"mime": "text/markdown",
"attributes": [
+ {
+ "type": "relation",
+ "name": "internalLink",
+ "value": "LLzSMXACKhUs",
+ "isInheritable": false,
+ "position": 10
+ },
{
"type": "label",
"name": "shareAlias",
"value": "apache-proxy-setup",
"isInheritable": false,
"position": 10
- },
- {
- "type": "relation",
- "name": "internalLink",
- "value": "LLzSMXACKhUs",
- "isInheritable": false,
- "position": 20
}
],
"format": "markdown",
@@ -860,17 +860,24 @@
{
"type": "relation",
"name": "internalLink",
- "value": "tAassRL4RSQL",
+ "value": "vcjrb3VVYPZI",
"isInheritable": false,
"position": 20
},
{
"type": "relation",
"name": "internalLink",
- "value": "Gzjqa934BdH4",
+ "value": "tAassRL4RSQL",
"isInheritable": false,
"position": 30
},
+ {
+ "type": "relation",
+ "name": "internalLink",
+ "value": "Gzjqa934BdH4",
+ "isInheritable": false,
+ "position": 40
+ },
{
"type": "label",
"name": "shareAlias",
@@ -878,13 +885,6 @@
"isInheritable": false,
"position": 20
},
- {
- "type": "relation",
- "name": "internalLink",
- "value": "vcjrb3VVYPZI",
- "isInheritable": false,
- "position": 40
- },
{
"type": "label",
"name": "iconClass",
@@ -1096,24 +1096,31 @@
{
"type": "relation",
"name": "internalLink",
- "value": "bwg0e8ewQMak",
+ "value": "nRqcgfTb97uV",
"isInheritable": false,
"position": 10
},
{
"type": "relation",
"name": "internalLink",
- "value": "WOcw2SLH6tbX",
+ "value": "bwg0e8ewQMak",
"isInheritable": false,
"position": 20
},
{
"type": "relation",
"name": "internalLink",
- "value": "CdNpE2pqjmI6",
+ "value": "WOcw2SLH6tbX",
"isInheritable": false,
"position": 30
},
+ {
+ "type": "relation",
+ "name": "internalLink",
+ "value": "CdNpE2pqjmI6",
+ "isInheritable": false,
+ "position": 40
+ },
{
"type": "label",
"name": "shareAlias",
@@ -1127,13 +1134,6 @@
"value": "bx bx-mobile-alt",
"isInheritable": false,
"position": 60
- },
- {
- "type": "relation",
- "name": "internalLink",
- "value": "nRqcgfTb97uV",
- "isInheritable": false,
- "position": 70
}
],
"format": "markdown",
@@ -8740,6 +8740,107 @@
"dataFileName": "Board View_image.png"
}
]
+ },
+ {
+ "isClone": false,
+ "noteId": "zP3PMqaG71Ct",
+ "notePath": [
+ "pOsGYCXsbNQG",
+ "KSZ04uQ2D1St",
+ "GTwFsgaA0lCt",
+ "zP3PMqaG71Ct"
+ ],
+ "title": "Presentation View",
+ "notePosition": 70,
+ "prefix": null,
+ "isExpanded": false,
+ "type": "text",
+ "mime": "text/html",
+ "attributes": [
+ {
+ "type": "label",
+ "name": "iconClass",
+ "value": "bx bx-slideshow",
+ "isInheritable": false,
+ "position": 10
+ },
+ {
+ "type": "relation",
+ "name": "internalLink",
+ "value": "BlN9DFI679QC",
+ "isInheritable": false,
+ "position": 20
+ },
+ {
+ "type": "relation",
+ "name": "internalLink",
+ "value": "OFXdgB2nNk1F",
+ "isInheritable": false,
+ "position": 30
+ },
+ {
+ "type": "relation",
+ "name": "internalLink",
+ "value": "R9pX4DGra2Vt",
+ "isInheritable": false,
+ "position": 40
+ },
+ {
+ "type": "relation",
+ "name": "internalLink",
+ "value": "0ESUbbAxVnoK",
+ "isInheritable": false,
+ "position": 50
+ },
+ {
+ "type": "relation",
+ "name": "internalLink",
+ "value": "s1aBHPd79XYj",
+ "isInheritable": false,
+ "position": 60
+ },
+ {
+ "type": "relation",
+ "name": "internalLink",
+ "value": "grjYqerjn243",
+ "isInheritable": false,
+ "position": 70
+ },
+ {
+ "type": "relation",
+ "name": "internalLink",
+ "value": "gBbsAeiuUxI5",
+ "isInheritable": false,
+ "position": 80
+ },
+ {
+ "type": "relation",
+ "name": "internalLink",
+ "value": "AlhDUqhENtH7",
+ "isInheritable": false,
+ "position": 90
+ }
+ ],
+ "format": "markdown",
+ "dataFileName": "Presentation View.md",
+ "attachments": [
+ {
+ "attachmentId": "aJa7vIrYknDw",
+ "title": "image.png",
+ "role": "image",
+ "mime": "image/png",
+ "position": 10,
+ "dataFileName": "Presentation View_image.png"
+ },
+ {
+ "attachmentId": "aPooMxP74PeA",
+ "title": "image.png",
+ "role": "image",
+ "mime": "image/png",
+ "position": 10,
+ "dataFileName": "1_Presentation View_image.png"
+ }
+ ]
}
]
},
@@ -9686,6 +9787,13 @@
"value": "oPVyFC7WL2Lp",
"isInheritable": false,
"position": 20
+ },
+ {
+ "type": "relation",
+ "name": "internalLink",
+ "value": "zP3PMqaG71Ct",
+ "isInheritable": false,
+ "position": 30
}
],
"format": "markdown",
diff --git a/docs/User Guide/User Guide/Note Types/Collections/1_Presentation View_image.png b/docs/User Guide/User Guide/Note Types/Collections/1_Presentation View_image.png
new file mode 100644
index 000000000..83b0c01af
Binary files /dev/null and b/docs/User Guide/User Guide/Note Types/Collections/1_Presentation View_image.png differ
diff --git a/docs/User Guide/User Guide/Note Types/Collections/Presentation View.md b/docs/User Guide/User Guide/Note Types/Collections/Presentation View.md
new file mode 100644
index 000000000..55ec5960c
--- /dev/null
+++ b/docs/User Guide/User Guide/Note Types/Collections/Presentation View.md
@@ -0,0 +1,85 @@
+# Presentation View
+
+
+The Presentation view allows the creation of slideshows directly from within Trilium.
+
+## How it works
+
+* Each slide is a child note of the collection.
+* The order of the child notes determines the order of the slides.
+* Unlike traditional presentation software, slides can be laid out both horizontally and vertically (see belwo for more information).
+* Direct children will be laid out horizontally and the children of those will be laid out vertically. Children deeper than two levels of nesting are ignored.
+
+## Interaction and navigation
+
+In the floating buttons section (top-right):
+
+* Edit button to go to the corresponding note of the current slide.
+* Press Overview button (or the O key) to show a birds-eye view of the slides. Press the button again to disable it.
+* Press the “Start presentation” button to show the presentation in full-screen.
+
+The following keyboard shortcuts are supported:
+
+* Press ← and → (or H and L) to go to the slide on the left or on the right (horizontal).
+* Press ↑ and ↓ (or K and J) to go to the upward or downward slide (vertical).
+* Press Space and Shift + Space or to go to the next/previous slide in order.
+* And a few more, press ? to display a popup with all the supported keyboard combinations.
+
+## Vertical slides and nesting
+
+Unlike traditional presentation software such as Microsoft PowerPoint, the slides in Trilium can be laid out horizontally or vertically in order to create depth or better organize the slides by topic.
+
+This horizontal/vertical organization affects transitions (especially on the “slide” transition), however it is most noticeable in navigation.
+
+* Pressing ← and → will navigate through slides horizontally, thus skipping vertical notes under the current slide. This is useful to skip entire chapters/related slides.
+* Pressing ↑ and ↓ will navigate through the vertical slides at the current level.
+* Pressing Space and Shift + Space will go to the next/previous slide in order, regardless of the direction. This is generally the key combination to use when presenting.
+* The arrows on the bottom-right of the slide will also reflect this navigation scheme.
+
+
+
+All direct children of the collection will be laid out horizontally. If a direct child also has children, those children will be placed as vertical slides.
+
+In the following example, the note structure is as follows:
+
+* Presentation collection
+ * Trilium Notes (demo page)
+ * “Introduction” slide
+ * “The challenge of personal knowledge management”
+ * “Note-taking structures”
+ * “Demo & Feature highlights” slide
+ * “Really fast installation process”
+ * Video slide
+
+## Customization
+
+At collection level, it's possible to adjust:
+
+* The theme of the entire presentation to one of the predefined themes by going to the Ribbon and looking for the _Collection Properties_ tab.
+* It's currently not possible to create custom themes, although it is planned.
+* Note that it is note possible to alter the CSS via Custom app-wide CSS because the slides are rendered isolated (in a shadow DOM).
+
+At slide level:
+
+* It's possible to adjust the background color of a slide by using the [predefined promoted attribute](../../Advanced%20Usage/Attributes/Promoted%20Attributes.md) for the color or manually setting `#slide:background` to a hex color.
+* More complex backgrounds can be achieved via gradients. There's no UI for it; it has to be set via `#slide:background` to a CSS gradient definition such as: `linear-gradient(to bottom, #283b95, #17b2c3)`.
+
+## Tips and tricks
+
+* Text notes generally respect the formatting (bold, italic, foreground and background colors) and font size. Code blocks and tables also work.
+* Try using more than just text notes, the presentation uses the same mechanism as [shared notes](../../Advanced%20Usage/Sharing.md) and Note List so it should be able to display Mermaid Diagrams, Canvas and Mind Map in full-screen (without the interactivity).
+ * Consider using a transparent background for Canvas, if the slides have a custom background (go to the hamburger menu in the Canvas, press the button select a custom color and write `transparent`).
+ * For Mermaid Diagrams, some of them have a predefined background which can be changed via the frontmatter. For example, for XY-charts:
+
+ ```
+ ---
+ config:
+ themeVariables:
+ xyChart:
+ backgroundColor: transparent
+ ---
+ ```
+
+## Under the hood
+
+The Presentation view uses [Reveal.js](https://revealjs.com/) to handle the navigation and layout of the slides.
\ No newline at end of file
diff --git a/docs/User Guide/User Guide/Note Types/Collections/Presentation View_image.png b/docs/User Guide/User Guide/Note Types/Collections/Presentation View_image.png
new file mode 100644
index 000000000..b87b47a4b
Binary files /dev/null and b/docs/User Guide/User Guide/Note Types/Collections/Presentation View_image.png differ
diff --git a/docs/User Guide/User Guide/Theme development/Custom app-wide CSS.md b/docs/User Guide/User Guide/Theme development/Custom app-wide CSS.md
index 6b000e307..f601885a9 100644
--- a/docs/User Guide/User Guide/Theme development/Custom app-wide CSS.md
+++ b/docs/User Guide/User Guide/Theme development/Custom app-wide CSS.md
@@ -5,7 +5,7 @@ It is possible to provide a CSS file to be used regardless of the theme set by t
| --- | --- |
|  | Start by creating a new note and changing the note type to CSS |
|  | In the ribbon, press the “Owned Attributes” section and type `#appCss`. |
-|  | Type the desired CSS.
Generally it's a good idea to append `!important` for the styles that are being changed, in order to prevent other |
+|  | Type the desired CSS.
Generally it's a good idea to append `!important` for the styles that are being changed, in order to prevent other |
## Seeing the changes
@@ -78,4 +78,10 @@ To change the color of the note title and the icon (above the content):
opacity: 0.5;
z-index: 0;
}
-```
\ No newline at end of file
+```
+
+## Limitations
+
+Some parts of the application can't be styled directly via custom CSS because they are rendered in an isolated mode (shadow DOM), more specifically:
+
+* The slides in a Presentation View.
\ No newline at end of file
+
+
- 
- 
-