Skip to content

gonzalovsilva/joplin-dark-theme

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

27 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

How my Joplin looks like

Based on the dark theme from @xplosionmind

Modified to look more like the One Dark Pro on vscode. Took some inspiration on the PHPStorm Nord theme.

Features

  • Added margins to the editor
  • Add custom headers (with 1 color per header)
  • Custom notes separator
  • Better reading experience (subjective)
  • fixed note links contrast with new modern icon
  • responsive multi-column markdown render
  • 2-column export for pdf

Todo

  • Clean CSS

What it looks like

youtube video demo

how_my_joplin_looks_like.gif

side_by_side_note_taking_joplin.gif

Responsive markdown render

responsive-demo.gif

Installation

userchrome.css is used to style the entire app, userstyle.css is used to style the parsed markdown, instead.

On newer versions of Joplin, you'll need to activate the Legacy Markdown Editor :

Use_legacy_markdown_editor

In order to use these stylesheets, place them in ~/.config/joplin-desktop/ on linux, and in %userprofile%\.config\joplin-desktop\ on windows.

fonts used in this custom theme :

How to enable those header styles (h1 to h6)

If you want to use those, don't forget to enable the rich markdown plugin and check this option bellow :

Rich Markdown plugin option to check

PDF 2-column example (for grayscale printing)

pdf-grayscale-demo

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages