Simply go back to the note and change according to needs. To apply the - changes to the current window, press Ctrl+Shift+R to + 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/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Theme development/Creating an icon pack.html b/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Theme development/Creating an icon pack.html index 8aa3c0077..d5649a202 100644 --- a/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Theme development/Creating an icon pack.html +++ b/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Theme development/Creating an icon pack.html @@ -1,5 +1,5 @@ @@ -74,9 +74,9 @@ "bx-ball": { "glyph": "\ue9c2", "terms": [ "ball" ] - }, + }, "bxs-party": { - "glyph": "\uec92" + "glyph": "\uec92", "terms": [ "party" ] } } diff --git a/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Theme development/Customize the Next theme.html b/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Theme development/Customize the Next theme.html index dd72effbf..32083ee80 100644 --- a/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Theme development/Customize the Next theme.html +++ b/apps/server/src/assets/doc_notes/en/User Guide/User Guide/Theme development/Customize the Next theme.html @@ -18,7 +18,8 @@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.
:root {
- --launcher-pane-background-color: #0d6efd !important;
+ theme. Due to that, it is recommended to use #trilium-app with
+ a next theme instead of the :root of a legacy
+ theme.#trilium-app {
+ --launcher-pane-background-color: #0d6efd;
}
\ No newline at end of file
diff --git a/docs/User Guide/User Guide/Theme development/Creating a custom theme.md b/docs/User Guide/User Guide/Theme development/Creating a custom theme.md
index 12334c6ca..0a39e2f6e 100644
--- a/docs/User Guide/User Guide/Theme development/Creating a custom theme.md
+++ b/docs/User Guide/User Guide/Theme development/Creating a custom theme.md
@@ -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 Ctrl+Shift+R to refresh.
+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/docs/User Guide/User Guide/Theme development/Creating an icon pack.md b/docs/User Guide/User Guide/Theme development/Creating an icon pack.md
index 218c21b21..20bc89789 100644
--- a/docs/User Guide/User Guide/Theme development/Creating an icon pack.md
+++ b/docs/User Guide/User Guide/Theme development/Creating an icon pack.md
@@ -1,6 +1,6 @@
# Creating an icon pack
> [!NOTE]
-> e This page describes how to create custom icon packs. For a general description of how to use already existing icon packs, see Icon Packs.
+> This page describes how to create custom icon packs. For a general description of how to use already existing icon packs, see Icon Packs.
## Supported formats
@@ -49,9 +49,9 @@ The icon pack manifest is a JSON file with the following structure:
"bx-ball": {
"glyph": "\ue9c2",
"terms": [ "ball" ]
- },
+ },
"bxs-party": {
- "glyph": "\uec92"
+ "glyph": "\uec92",
"terms": [ "party" ]
}
}
diff --git a/docs/User Guide/User Guide/Theme development/Customize the Next theme.md b/docs/User Guide/User Guide/Theme development/Customize the Next theme.md
index 657199a67..e5e1ad886 100644
--- a/docs/User Guide/User Guide/Theme development/Customize the Next theme.md
+++ b/docs/User Guide/User Guide/Theme development/Customize the Next theme.md
@@ -12,10 +12,10 @@ The `appThemeBase` label can be set to one of the following values:
## 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.
+Do note that the TriliumNext theme has a few more overrides than the legacy theme. Due to that, it is recommended to use `#trilium-app` with a next theme instead of the `:root` of a legacy theme.
```css
-:root {
- --launcher-pane-background-color: #0d6efd !important;
+#trilium-app {
+ --launcher-pane-background-color: #0d6efd;
}
```
\ No newline at end of file