Compare commits
80
README.md
|
|
@ -1,37 +1,28 @@
|
||||||
# EverForest Ant Dark (EFAD) Trilium Theme
|
# EverForest Ant Dark (EFAD) Trilium Theme
|
||||||
Dark theme for [Trilium Notes](https://github.com/zadam/trilium) (OG Trilium) and [TriliumNext](https://github.com/TriliumNext/Notes) inspired by [Everforest](https://github.com/Fausto-Korpsvart/Everforest-GTK-Theme) and [Ant Dark](https://github.com/EliverLara/Ant/tree/master/kde/Dark).
|
This is a [Trilium Notes](https://github.com/zadam/trilium) theme to go with Everforest and Ant Dark Linux desktop themes.
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
## Features
|
## Features
|
||||||
### Native Styles
|
### Native Styles
|
||||||
* Dark theme
|
* Dark theme
|
||||||
* High contrast
|
* High contrast
|
||||||
* Scrolling tables with sticky headers on both axes
|
* Scrolling tables with sticky headers on both axes
|
||||||
* Vertical floating buttons for less content overlap
|
* Vertical floating buttons that have much less overlap with content of notes
|
||||||
* Different styles for different types of links
|
|
||||||
* Custom fonts
|
* Custom fonts
|
||||||
* Earthy colors
|
* Earthy colors
|
||||||
|
|
||||||
### Enhanced Addon Styles
|
### Enhanced Addon Styles
|
||||||
_See 'Usage Instructions' for information on how to enable these.*_
|
*See 'Usage Instructions' for information on how to enable these.*
|
||||||
|
* Zen Mode
|
||||||
* Zen mode (with right panel enabled)*
|
* Matching syntax highlight in text notes
|
||||||
* Matching code note and code block syntax highlight*
|
|
||||||
* Position shown in TOC
|
* Position shown in TOC
|
||||||
* And much more!
|
* And much more!
|
||||||
|
|
||||||
_*If you are using TriliumNext, zen mode and code block syntax highlight are already natively available in the application. No extra steps are required for these addons unless you want to disable the right panel in zen mode. Please see the usage instructions below if this is the case._
|
|
||||||
|
|
||||||
## Usage Instructions
|
## Usage Instructions
|
||||||
### Installation
|
* Download the latest version of Trilium
|
||||||
* Download and install the latest version of Trilium or TriliumNext
|
|
||||||
* Download the latest release of EverForest Ant Dark
|
* Download the latest release of EverForest Ant Dark
|
||||||
|
* In your trilium instance right click a note you want to import the theme into
|
||||||
* OG_EFAD if you use the original Trilium Notes
|
|
||||||
* Next_EFAD if you use TriliumNext
|
|
||||||
|
|
||||||
* In your Trilium instance right click a note you want to import the theme into
|
|
||||||
* Select "Import into note" in the context menu
|
* Select "Import into note" in the context menu
|
||||||
* Uncheck "Safe import" and upload the zip file you just downloaded
|
* Uncheck "Safe import" and upload the zip file you just downloaded
|
||||||
* Click on the Trilium logo in the upper left corner and select Options -> Appearance
|
* Click on the Trilium logo in the upper left corner and select Options -> Appearance
|
||||||
|
|
@ -43,7 +34,6 @@ _*If you are using TriliumNext, zen mode and code block syntax highlight are alr
|
||||||
* Create a 'JS frontend' code note
|
* Create a 'JS frontend' code note
|
||||||
* Add the `#widget` attribute to 'Owned Attributes' (the button with three lines and a checkmark)
|
* Add the `#widget` attribute to 'Owned Attributes' (the button with three lines and a checkmark)
|
||||||
* Add the following code (created by [Nriver](https://github.com/Nriver/awesome-trilium/issues/44))) to the note
|
* Add the following code (created by [Nriver](https://github.com/Nriver/awesome-trilium/issues/44))) to the note
|
||||||
|
|
||||||
```js
|
```js
|
||||||
api.addButtonToToolbar({
|
api.addButtonToToolbar({
|
||||||
title: 'Zen mode',
|
title: 'Zen mode',
|
||||||
|
|
@ -54,16 +44,16 @@ _*If you are using TriliumNext, zen mode and code block syntax highlight are alr
|
||||||
shortcut: 'alt+z'
|
shortcut: 'alt+z'
|
||||||
});
|
});
|
||||||
```
|
```
|
||||||
* Reload (<kbd>Ctrl+R</kbd> or <kbd>F5</kbd>) Trilium to enable the script
|
* Reload (`ctrl+r` or `F5`) Trilium to enable the script
|
||||||
|
|
||||||
##### Usage
|
##### Usage
|
||||||
Press <kbd>Alt+Z</kbd> or the zen (spa) button in the launcher (left most panel) to enable/disable zen mode.
|
Press `alt+z` or the zen (spa) button in the launcher (left most panel) to enable/disable zen mode.
|
||||||
|
|
||||||
There are two types of zen mode available:
|
There are two types of zen mode available:
|
||||||
1. Right panel enabled
|
1. Right panel enabled
|
||||||
2. Right panel disabled
|
2. Right panel disabled
|
||||||
|
|
||||||
The right panel is enabled by default in text notes. If you would like to disable this in OG Trilium, you can either add the following code in a new CSS note or uncomment it in the theme:
|
Right panel is enabled by default. If you would like to disable it, you can either add the following code in a new CSS note or uncomment it in the Stellar Dark theme as seen in the video below.
|
||||||
|
|
||||||
```css
|
```css
|
||||||
/*hide right pane*/
|
/*hide right pane*/
|
||||||
|
|
@ -72,55 +62,41 @@ The right panel is enabled by default in text notes. If you would like to disabl
|
||||||
}
|
}
|
||||||
```
|
```
|
||||||
|
|
||||||
https://github.com/user-attachments/assets/41c35ac6-6791-4b51-b1d3-8a3a79b8b5e9
|
https://github.com/user-attachments/assets/b4b12380-ea5b-4595-a65d-3189cc052a5d
|
||||||
|
|
||||||
In TriliumNext, you will need to find and comment out this code:
|
##### Added Features
|
||||||
|
* Window control buttons are still accessible in zen mode
|
||||||
```css
|
* Zen button is still accessible in zen mode for easy disabling in case you don't remember the shortcut
|
||||||
/*show right pane*/
|
|
||||||
body.zen div.gutter {
|
|
||||||
display: block !important;
|
|
||||||
}
|
|
||||||
body.zen div#right-pane:not(.hidden-int) {
|
|
||||||
display: flex !important;
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
https://github.com/user-attachments/assets/f995b2f9-b983-4fba-b460-5ce23c9637c9
|
|
||||||
|
|
||||||
##### Additional Features
|
|
||||||
* Window control buttons are still accessible in zen mode*
|
|
||||||
* Zen button is still accessible in zen mode for a more accessible zen mode exit*
|
|
||||||
* Bottom panel widgets are not visible in zen mode
|
* Bottom panel widgets are not visible in zen mode
|
||||||
* Optional disabling of right panel in zen mode
|
* Optional disabling of right panel in zen mode
|
||||||
|
|
||||||
_*Natively available in TriliumNext_
|
|
||||||
|
|
||||||
#### Show Position in TOC and Syntax Highlight
|
#### Show Position in TOC and Syntax Highlight
|
||||||
Please go to each addon's respective page for instructions on how to enable these addons.
|
Please go to each addon's respective page for instructions on how to enable these addons.
|
||||||
* [Show Position in TOC](https://github.com/SiriusXT/trilium-show-position-in-toc)
|
* [Show Position in TOC](https://github.com/SiriusXT/trilium-show-position-in-toc)
|
||||||
* [Syntax Highlight](https://github.com/antoniotejada/Trilium-SyntaxHighlightWidget)
|
* [Syntax Highlight](https://github.com/antoniotejada/Trilium-SyntaxHighlightWidget)
|
||||||
|
|
||||||
## Screenshots
|
## Screenshots and Videos
|
||||||
The following screenshots are from TriliumNext. Most of the features shown are also available in either OG Trilium or can be included via addons. However, some features, like cards (excluding blockquotes) and <kbd>kbd</kbd>, are only available in TriliumNext.
|

|
||||||
|
|
||||||
https://github.com/user-attachments/assets/a2395d8b-c9ea-4675-b5c3-e590d5af68ee
|
https://github.com/user-attachments/assets/7b5a7857-972e-454f-b7c1-da93ac4840aa
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
https://github.com/user-attachments/assets/cf5c499e-9287-402a-b0f7-dfd35bda75f1
|
https://github.com/user-attachments/assets/7c00d31c-a43e-4956-87f8-f5ce220088de
|
||||||
|
|
||||||
|

|
||||||
|
|
||||||
## Credits and Resources
|
## Credits and Resources
|
||||||
### Fonts
|
### Fonts
|
||||||
* Jost: https://indestructibletype.com/Jost.html
|
Jost: https://indestructibletype.com/Jost.html
|
||||||
* JetBrainsMono: https://www.jetbrains.com/lp/mono/
|
JetBrainsMono: https://www.jetbrains.com/lp/mono/
|
||||||
|
|
||||||
### Desktop Themes
|
### Desktop Themes
|
||||||
#### Ant Dark
|
#### Ant Dark
|
||||||
* KDE: https://store.kde.org/p/1464285/
|
KDE: https://store.kde.org/p/1464285/
|
||||||
* GitHub: https://github.com/EliverLara/Ant/tree/master/kde/Dark
|
GitHub: https://github.com/EliverLara/Ant/tree/master/kde/Dark
|
||||||
|
|
||||||
#### EverForest
|
#### EverForest
|
||||||
*Note: There are several EverForest Firefox themes, but the one I personally like and use is listed below.*
|
*Note: There are several EverForest Firefox themes, but the one I personally like and use is listed below.*
|
||||||
|
|
@ -145,4 +121,4 @@ https://github.com/user-attachments/assets/cf5c499e-9287-402a-b0f7-dfd35bda75f1
|
||||||
* WordCount (Featured in the [Demo Document](https://github.com/zadam/trilium/wiki/Document#demo-document))
|
* WordCount (Featured in the [Demo Document](https://github.com/zadam/trilium/wiki/Document#demo-document))
|
||||||
* [Zen Mode](https://github.com/Nriver/awesome-trilium/issues/44)
|
* [Zen Mode](https://github.com/Nriver/awesome-trilium/issues/44)
|
||||||
|
|
||||||
Find more addons made by the Trilium community at [Nriver's Awesome Trilium](https://github.com/Nriver/awesome-trilium?tab=readme-ov-file#%EF%B8%8F-widgets), and check out my other themes [Ocean](https://github.com/Lolabird/ocean-dark-trilium-theme) and [Stellar Dark](https://github.com/Lolabird/stellar-dark-theme-trilium) while you're at it!
|
Find more addons made by the Trilium community at [Nriver's Awesome Trilium](https://github.com/Nriver/awesome-trilium?tab=readme-ov-file#%EF%B8%8F-widgets)!
|
||||||
|
|
|
||||||
1110
everforest-ant-dark.css
Normal file
|
Before Width: | Height: | Size: 202 KiB After Width: | Height: | Size: 202 KiB |
BIN
screenshots/EFAD_Highlight.png
Normal file
|
After Width: | Height: | Size: 258 KiB |
BIN
screenshots/EFAD_Hover.png
Normal file
|
After Width: | Height: | Size: 342 KiB |
BIN
screenshots/EFAD_Main.png
Normal file
|
After Width: | Height: | Size: 289 KiB |
BIN
screenshots/EFAD_Map.png
Normal file
|
After Width: | Height: | Size: 132 KiB |
|
Before Width: | Height: | Size: 221 KiB |
BIN
screenshots/EFAD_Tables.mp4
Normal file
|
Before Width: | Height: | Size: 293 KiB |