Themes for the trilium note app by zadam
- Ayu-Mirage - based on Ayu by ayu-theme
- Darkasher - a little something I threw together on a Sunday morning
- TrashPanda - based on jetbrains-trash-panda-theme by Jason Hulbert
- NuDark - I was bored and wanted something Nu
For more info on theming trilium see the trilium wiki.
- Clone this repo locally
- Drag and Drop / Import the .css files into trilium and ensure that the note is created as a
CSS Code note - Update the new note's attributes to include the
appThemelable set equal to the name of your theme e.g.#appTheme=my-cool-theme - If you want the fonts used in the themes see the font instructions below
- Enable the theme in your options menu under the appearance tab.
Fonts in trilium are stored in the .woff2 format and in the notes table in the document have a mime type of 'application/octet-stream' rather than 'file/woff2'. To define custom fonts trilium uses a custom request handler. These instruction are how I've found to get fonts to work.
-
All the fonts I've used are avalible to download from the google webfonts helper in many formats including .woff2
-
Drag and drop the font file into trilium into a subdirectory of your themes directory called 'fonts'
-
Update the note's mime type in the database document. To do this you'll need the font's noteID (you can get this by clicking the
Note Infobutton in the note's top toolbar). Open the menu and choose Open SQL Console or use alt-O and execute the following update statement:UPDATE notes SET mime='application/octet-stream' WHERE noteID='$noteID';
-
Update the file's attributes in trilium to include 'customResourceProvider=fonts/$fontName'