SilverBullet Dracula Space Style 🎨

A Dracula inspired theme for SilverBullet, a note-taking application.

Note

This theme and documentation are incomplete. Please use it as you see fit and read the comments in the CSS file.

Installation

1. Create a new page for your CSS, for example Library/custom/styles;
2. Copy and paste the CSS inside a new space-style block:

```space-style
html {
    ...
}

3. Reload your SilverBullet with Ctrl + Alt + r.
4. Done! Switching to dark mode is not required.

Tip

This theme uses Google Fonts @import, and requires an active internet connection. To use local fonts, uncomment the @font-face lines in the CSS file. Download the required fonts. Make sure the path of the font files is correct. Next, do not forget to remove the @import line from the CSS.

Notable features

• Enabled font ligatures
• Horizontal resizable TreeView panel (lower right corner)
• VS Code style menu tree
• Preserve print preview

Resources

• Dracula colors
• SilverBullet TreeView plug
• Inter Font
• JetBrains Mono Font
• JetBrains Mono Nerd Font
• Feather icons

Menu bar icons config

Add the following lines to your SilverBullet configuration file:

actionButtons:
- icon: home
  command: "{[Navigate: Home]}"
  description: "Go to the index page"
- icon: menu
  command: "{[Tree View: Toggle]}"
  description: "Toggle Tree View"
- icon: book
  command: "{[Navigate: Page Picker]}"
  description: "Open page"
- icon: settings
  command: "{[Open Command Palette]}"
  description: "Run command"

Disclaimer

This theme is provided "as is" with no guarantee. Use it at your own risk and always test it yourself before using it in a production environment. If you find any issues, please create a new issue.

License

This theme is open-sourced software licensed under the MIT license. Copyright © 2025 Marijn Roovers