https://github.com/greengeek/trilium-vscode-dark-theme

Trilium theme based off of the default VS Code Dark Plus
https://github.com/greengeek/trilium-vscode-dark-theme

trilium trilium-notebook trilium-notes

Last synced: 2 months ago
JSON representation

Trilium theme based off of the default VS Code Dark Plus

• Host: GitHub
• URL: https://github.com/greengeek/trilium-vscode-dark-theme
• Owner: greengeek
• License: gpl-3.0
• Created: 2023-01-04T04:20:48.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2023-03-14T05:11:14.000Z (almost 2 years ago)
• Last Synced: 2024-08-02T06:13:04.624Z (6 months ago)
• Topics: trilium, trilium-notebook, trilium-notes
• Language: CSS
• Homepage:
• Size: 701 KB
• Stars: 21
• Watchers: 1
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-trilium - VSCode-Dark Theme - Dark Theme](https://img.shields.io/github/last-commit/greengeek/trilium-vscode-dark-theme) (🏡 Themes)

README

        
# Trilium VS Code Dark Theme

[Trilium Notes](https://github.com/zadam/trilium) Server custom theme.

- Dark theme inspired by MS Visual Studio Code's default dark theme (dark+)

- Updated fonts to websafe for easy web viewing. 

- Easy to view and modern template.

- Adjusted spacing and dimmed some of the controls to make it easier to read.

## Instructions

- Create a new note in Trilium notes.

- Under the Basic Properties tab, set Note type to Code and choose the CSS option

- Under the next tab over, called Owned attributes, paste in the following: #appTheme=VSCode-Dark 

- In the body of the notes paste the contents of vscode-dark.css

- Click on the Trilium icon at the top left of the page and choose Options

- Select Appearance and choose Obsidian in the drop down under Theme

If you do not see VS-Code-Dark as an option, try refreshing the page in your browser. 

## Preview







Code highlighting in second image uses Trilium-SyntaxHighlightWidget by Antonio Tejada, along with the Material Darker CSS by Nate Peterson for highlight.js 

*This theme is a work in progress.  Please feel free to update, add to, modify, or fix.  Commits welcome.