# Base16 based theme

**URL:** <https://community.silverbullet.md/t/base16-based-theme/3052>\
**Category:** Tricks & Techniques\
**Created:** [August 19, 2025, 12:01pm UTC](https://community.silverbullet.md/t/base16-based-theme/3052 "2025-08-19T12:01:58Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![kebot](https://community.silverbullet.md/user_avatar/community.silverbullet.md/kebot/32/1570_2.png) [@kebot](https://community.silverbullet.md/u/kebot)\
**Post date:** [August 19, 2025, 12:01pm UTC](https://community.silverbullet.md/t/base16-based-theme/3052/1 "2025-08-19T12:01:58Z")

</div>

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:

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

I use Ayu Dark as example, but you can choose your theme here [Tinted Gallery](https://tinted-theming.github.io/tinted-gallery/) and replace the top variable

 ![image](https://community.silverbullet.md/uploads/default/original/2X/3/3698a5e3a05f735c6b2ee194b28b2338a0609bff.png)

---

<div class="post-metadata">

**Author:** ![zef](https://community.silverbullet.md/user_avatar/community.silverbullet.md/zef/32/7_2.png) [@zef](https://community.silverbullet.md/u/zef)\
**Post date:** [August 19, 2025, 2:09pm UTC](https://community.silverbullet.md/t/base16-based-theme/3052/2 "2025-08-19T14:09:01Z")

</div>

Very nice!

---

<div class="post-metadata">

**Author:** ![janssen-io](https://community.silverbullet.md/user_avatar/community.silverbullet.md/janssen-io/32/1155_2.png) [@janssen-io](https://community.silverbullet.md/u/janssen-io)\
**Post date:** [August 19, 2025, 7:04pm UTC](https://community.silverbullet.md/t/base16-based-theme/3052/3 "2025-08-19T19:04:14Z")

</div>

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](https://github.com/tinted-theming/schemes).

---

<div class="post-metadata">

**Author:** ![zef](https://community.silverbullet.md/user_avatar/community.silverbullet.md/zef/32/7_2.png) [@zef](https://community.silverbullet.md/u/zef)\
**Post date:** [August 20, 2025, 1:36pm UTC](https://community.silverbullet.md/t/base16-based-theme/3052/4 "2025-08-20T13:36:50Z")

</div>

As a proof of concept, I’ve added this to the silverbullet-libraries repo: [GitHub - silverbulletmd/silverbullet-libraries: Awesome SilverBullet libraries](https://github.com/silverbulletmd/silverbullet-libraries/tree/main)

See [Awesome Libraries](https://community.silverbullet.md/t/awesome-libraries/3059)

---

<div class="post-metadata">

**Author:** ![kebot](https://community.silverbullet.md/user_avatar/community.silverbullet.md/kebot/32/1570_2.png) [@kebot](https://community.silverbullet.md/u/kebot)\
**Post date:** [August 20, 2025, 9:26pm UTC](https://community.silverbullet.md/t/base16-based-theme/3052/5 "2025-08-20T21:26:20Z")

</div>

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 😅.

---

<div class="post-metadata">

**Author:** ![kebot](https://community.silverbullet.md/user_avatar/community.silverbullet.md/kebot/32/1570_2.png) [@kebot](https://community.silverbullet.md/u/kebot)\
**Post date:** [August 20, 2025, 9:27pm UTC](https://community.silverbullet.md/t/base16-based-theme/3052/6 "2025-08-20T21:27:19Z")

</div>

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