Applying a custom theme (style)

Guides
1

Hi SilverBullet community!

I just started using SilverBullet and fell in love with it. Nonetheless, one of the first things i wanted to do was applying a custom dark theme to match my other editors, and even though there are already some documentation on this (Space-style), i thought of making this straightforward guide on how to apply a theme to your editor.

Requirements:

How to

  1. Create a new page for your CSS, i created mine as “configs/css”;
  2. Create a new space-style block:
    ```space-style
    ```
  3. Paste your CSS inside the space-style block:
    ```space-style
    html {
    –crust: #dce0e8;
    –mantle: #e6e9ef;
    –base: #eff1f5;
    …
    ```
  4. Reload the system (Ctrl+Alt+r)
  5. Done! Now, all your pages should follow the new theme CSS.

That’s all! Hope it helps anyone in need. Feel free to update this thread with any changes on how SilverBullet manages themes or other easy techniques.

6 Likes