Theme: Zen

Plugs and Libraries
1

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:

Theme_Light
Theme_Light1920×990 67.2 KB

image
image1920×981 66.6 KB

Theme_Dark_Full
Theme_Dark_Full1448×8184 281 KB

15 Likes
2

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

1 Like
3

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.

Capture d’écran du 2025-06-30 20-20-14
Capture d’écran du 2025-06-30 20-20-14556×227 14.2 KB

Thanks

4

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:

5

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

1 Like
6

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!!

7

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!

8

I love this theme and have been using it since I found it. I modified the code to change the typography to my usual one. I wondered if this could be done more visually (changing color and fonts), so I started developing a web app in JavaScript that reads the .md file and applies the modifications. Since I’m not a programmer, I haven’t been able to get it fully working yet, but this is the idea: GitHub - arqtron/SB-theme-configuration

On the other hand, I thought it would be great to modify basic typography and colors without leaving Silver Bullet, so I tried implementing a settings page for styles in SpaceLua. As I mentioned, I have limited programming knowledge and “vibe coding” obviously has its limits :slight_smile: Does this approach make sense?: GitHub - arqtron/SB-theme-configuration_LUA: Testing theme configuration for Silver Bullet using a Lua plugin to edit Markdown (.md) files with themes.

After writing this, I searched again for more posts about themes and styles and found @kebot’s post about the Base16 theme system, which I really like because it seems simpler and offers a very wide gallery of options for color configuration. It looks perfect for the editor’s code section, and I need to try it to see how it applies to the rest of Silver Bullet.

1 Like