CSS Theme - Son of Obsidian

Hi, I just wanted to share my attempt at a custom dark CSS theme for Joplin.

This is what it looks like:

Available for download here: Son-of-Obsidian-Joplin

Cheers!

2 Likes

This is very nice. But my wysiwyg editing view is gone, including the toolbar for bold, italic, etc, and the buttons to toggle between split view / markdown / wysiwyg editor.

Thank you,

That should be easily fixed! If you look at the very bottom of the file userchrome.css there are some rules that hides some elements on purpose.

I intentionally removed the toolbar since I only use the markdown editor and don't need the toolbar.

If you remove or comment out line 324 that contains the text ".editor-toolbar," like below then the toolbar will be visible again.

/* Hide Unnecessary UI Elements */
.sidebar-header-button,
.new-note-todo-buttons,
/* .editor-toolbar, */
.cm-gutters {
    display: none !important;
}

Then it should look this. Sorry for the confusion!

Thank you so much. It worked! I need handholding with these css codes :grinning_face: