Base16 based theme

kebot · August 19, 2025, 12:01pm

New to SilverBullet, I can’t live without a good theme system.
I quickly created a base16 system, thanks to the modern CSS ecosystem, it’s very easy, here’s my gist:

gist.github.com

https://gist.github.com/kebot/7fd6d9647e063537fb036251eaa2035d

STYLES.css

/* based on Ayu Dark https://github.com/tinted-theming/home/blob/main/styling.md#ayu-darkyaml */
:root {
  --base00: #0f1419; /* Black (Background) - Default Background */
  --base01: #131721; /* (Darkest Gray) - Lighter Background (Used for status bars) */
  --base02: #272d38; /* (Dark Gray) - Selection Background */
  --base03: #3e4b59; /* Bright Black (Gray) - Comments, Invisibles, Line Highlighting */
  --base04: #bfbdb6; /* (Light Gray) - Dark Foreground (Used for status bars) */
  --base05: #e6e1cf; /* White - Default Foreground, Caret, Delimiters, Operators */
  --base06: #e6e1cf; /* (Lighter White) - Light Foreground */
  --base07: #f3f4f5; /* Bright White - The Lightest Foreground */

This file has been truncated. show original

I use Ayu Dark as example, but you can choose your theme here Tinted Gallery and replace the top variable

zef · August 19, 2025, 2:09pm

Very nice!

janssen-io · August 19, 2025, 7:04pm

This is amazing! You lose a bit of flexibility, but it becomes so much easier to apply a new theme.

Would be cool to make a script that lists possible themes and ‘installs’ one. Currently don’t have the time to make it, but it should be pretty feasible based on the schemes repo.

zef · August 20, 2025, 1:36pm

As a proof of concept, I’ve added this to the silverbullet-libraries repo: GitHub - silverbulletmd/silverbullet-libraries: Awesome SilverBullet libraries

See Awesome Libraries

kebot · August 20, 2025, 9:26pm

Will do, maybe a Plug?

I still need sometime to polish the theme, I vibe code most of the CSS variables, the AI might apply the color in wrong place .

kebot · August 20, 2025, 9:27pm

nice, then l can sent merge request to that one.