Theme: Zen

Hello! I’ve created the Zen theme, intended to be calm and easy-to-read and covering all components in an opinionated way.

Light & dark mode.

Let me know about commonly used plugins and I will include them.

Features

  • Highly polished experience throughout Silverbullet
  • Improved standard components (e.g. search, pickers)
  • Line highlighting in code and frontmatter
  • Row highlighting in tables
  • Easy-to-see Markdown formatting markers
  • Matching code syntax highlighting
  • Non-jumping heading indicators
  • Wider pages for easier editing
  • Dark & light mode
  • Easy color switching (* soon)

PS We need a theme section! :slight_smile:

11 Likes

Added first version of light mode – a bit rough around the edges, but 90% work well.

1 Like

Thanks for the work I’m always amaze by CSS ninja people.

Just a thing how can I increase the space between my list <li> that are printed as output of query (normal lists are correctly spaced), but not the list of pages with query.

I run silverbullet v1 and I’ve tried to figure it out with developeur mode in Chrome but nothing relevant :frowning:

Example output of :

page where name =~ /^Inbox\// render [[Library/Core/Query/Page]]

I would like to add a bit of padding-top or padding-bottom between each line but I can’t figure it out where to add this.

Thanks

Unfortunately I don’t have SilverBullet v1 so I don’t know how the output is rendered in HTML. Best to upgrade to v2 as v1 is going to become very outdated :slight_smile:

This theme is great, and the attention to detail is amazing! Thanks for making this one!

1 Like

Thanks for you effort. It looks pretty great.

Only caveat is, it doesn’t fit my personal preferred style and colors. But that is not your fault, of course :slight_smile:
However, it could be the base for some own changes and experiments.

So thanks again for putting it together. Will be helpful, anyway!!

I was thinking about adding a few color choices, but in the end everyone is free to make any changes they like. If it helps to make your own theme, that’s great!