Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/SiriusXT/trilium-theme-blue
blue theme for trilium
https://github.com/SiriusXT/trilium-theme-blue
Last synced: about 1 month ago
JSON representation
blue theme for trilium
- Host: GitHub
- URL: https://github.com/SiriusXT/trilium-theme-blue
- Owner: SiriusXT
- License: mit
- Created: 2022-05-04T07:12:24.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-03-18T08:41:36.000Z (9 months ago)
- Last Synced: 2024-08-02T06:13:02.608Z (4 months ago)
- Language: CSS
- Size: 7.41 MB
- Stars: 71
- Watchers: 1
- Forks: 9
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
- License: LICENSE
Awesome Lists containing this project
- awesome-trilium - Blue Theme - commit/SiriusXT/trilium-theme-blue) (π‘ Themes)
README
## [Blue-theme](https://github.com/SiriusXT/trilium-theme-blue)
## Updated
1. Version:0.8 For trilium-NEXT:>=0.90.8
Dark-mode-img-color-conversion.js version:0.8
2. Optional: Change the font to `SourceHanSansSC`.
The default font is relatively thin, and `SourceHanSansSC` is thicker, which is easier to browse.
Configuration method: import note `font-style.zip` directly.( See the screenshot at the end.)
3. New heading and TOC style
![](./img/heading.png)
4. Added blue-theme-dark-mode.css.
**If you use the dark mode theme, you can use the 'Dark-mode-img-color-conversion.js' script to invert the color of the white image to fit the dark mode.** Remember to give Dark-mode-img-color-conversion.js Script to add #widget tag. *You can add the **#disableAdjustImage** tag to the note if you donβt want the color of a certain note image to be inverted.*## Features
1. Blue Theme
2. **More compact**, line spacing, paragraph spacing, etc.
3. Indent the first line and align both ends.
4. The directory tree mouse displays the background color when hovering to highlight the selected folder.
5. Tree style.
6. **Title style of H1, H2, H3 and H4 . **
7. More obvious scroll bar.
8. Expand the background image of the tree.
9. Other changes.## Usage
1. Create a CSS code note in Trilium and name it `Blue-theme`
2. Paste the content from `Blue-theme.css` in it
3. Add the `#appTheme=Blue-theme` attribute to it
4. Download the `background.png` , then right-click on the note and select Import to note
5. Add the attribute `#originalFileName=background.png #customResourceProvider=background.png` to `background.png`
6. Go to Menu > Options, and select Blue-theme as your new theme
7. Ctrl + R to reload## Tips
Using the shortcut key `enter`is to create a new paragraph, and this method will automatically indent the first line; using the shortcut key `enter+shift` is a line break, and this method will not indent the first line.
![](./img/screenshot1.png)
![](./img/screenshot2.png)