Tiniri: a theme for SilverBullet (well, a CSS hack really)

Tricks & Techniques
1

Happy I found SilverBullet! So I found no “themes” or “color schemes” for SilverBullet. So I thought I’d hack my own. I maintain a set of themes called Tiniri, and I wanted to apply the same style to SB. Here’s how I did it:

I paid attention to reuse CSS variables as much as possible, so it can be a good basis for other themes.

image
image2050×1268 277 KB

2

Dark mode supported too:

image
image2052×1270 281 KB

3

In case you’re curious, other Tiniri themes: https://tiniri.vlad.studio/

4

That’s really cool, but are you aware of Space Style ? This should allow for the same thing (I think?) without requiring a browser extension.

5

As you can guess, I did not know about Space Styles! I searched for “theme” and “scheme” but not “style”. Thanks for the hint!

P.S. Do I just paste the CSS code on any page? The documentation does not say anything about it. I tried pasting it into SETTINGS page and it worked, but I found it a bit confusing.

Thanks again.

6

Yes, any page (except templates) will work.

7

Found this little bit helpful, in Safari there were scroll bars around the word Command and to remove them I added this set of css lines.

/* fix safari scroll bars in Open and Run Command */
.sb-modal-box .cm-scroller > .cm-content > .cm-line{display: unset; line-height: 1.9 !important;}

Silverbullet Fix css Open Run Comman Scroll Bars
Silverbullet Fix css Open Run Comman Scroll Bars1578×1112 167 KB

8

added, thanks for the suggestion!

9

I absolutely love this. It definitely deserves more visibility. Wish there were a centralized repository of custom SilverBullet themes and colorschemes.

10

@vladstudio The theme looks very cool.
Could you create a gist for silverbullet MD page that I could simply download into my space to try it out?
I might do this myself but I think it would be better if you provided this, as you are the maintainer of the theme.

I’d like to try it out!