[REQ] Better markdown css styles

[gingerbeardman]

(If I can figure where these styles are set I will attempt this myself)

Compare...

Ulysses

FSNotes

[gingerbeardman]

@glushchenko can you please advise where these styles are stored?

[clayreimann]

@gingerbeardman I think the files you're looking for are in Resources/DownView.bundle

[gingerbeardman]

@clayreimann I thought so, but deleting the contents of the CSS file contained in that bundle sees no changes? Unless it is cached somehow?

edit: DownView.bundle is only for the Markdown Preview.

[glushchenko]

@gingerbeardman no specific settings for this. Colors hardcoded in NotesTextProcessor 🙃

[gingerbeardman]

Oh! 😕

[TwisterMc]

I would also love to see h1s bigger than h2s and so on. I tried to change the CSS file noted above but it doesn't take effect. Maybe adding a theming engine would help this and then people can create whatever they want?

[gingerbeardman]

Maybe exposing the CSS as a note would be enough?

[TwisterMc]

As a starting point maybe. I just worry that someone might accidentally delete it.

[ment4list]

I just got this app and it's fast and great but the lack of a nicer theme is a bit of a drawback. I especially like how Bear handles links and the difference in heading sizes is important as well. The margin/padding between headings and text in FSNotes is also a bit minimal, which isn't too nice.

I realize it's all subjective, but just wanted to contribute some ideas.

I agree that a theming option would be fantastic. Even if it's just a CSS file somewhere.

Here's a comparison between Bear and FSNotes on macOS:

Bear

FSNotes

[gingerbeardman]

I've been discussing this with @glushchenko privately too.

My favourite styles are in Pretext (iOS) and Ulysses (iOS and macOS).

I believe the theme is kind of embedded right now, and would need extracting/exposing in some way to make this doable.

[dcd-arnold]

Yeah that would be great. I never leave edit mode and it is hard to read notes like that. Also, when I check of a task it is hard to read because of the strikethrough effect. While it is a nice effect, it makes done tasks hard to read. I would go for greyed out text. I would be really nice if I could theme my syntax highlight.

[dcd-arnold]

Is there a chance this will make it into version 6?

[glushchenko]

@dcd-arnold what I should do? There is not one request, but several about creating themes. I think no.

[dcd-arnold]

I would like to be able to alter CSS for the edit mode. If you could expose it in the same way like the preview mode, that would be nice. Is that possible?

[ReessKennedy]

+1 ... Day 3 of my uages of the amazing FS Notes and I am trying to figure out how to do this too. I suspect @glushchenko likes the very stripped down edit mode maybe influenced by Notational Velocity use of the past but I feel like there is little downside to just allow editor editing as well as preview too.

The ability to edit this would allow people to make it as simple or Bear-like as they want. The ability to create your own editor thing would be a big and new way that FS Notes gives users ownership and control over their life with their notes vs. Bear, Upnote, Simplenotes, etc ...

Perhaps just change preview.css to editor.css and then have each editor state have a class so users could write everything one file, like .editmode { h2 { } } and .previewmode { h2 { } }