SilverBullet v0.10.4

Plugins.yaml

# file: Config/Plugins
# ===================================
plugs:
- github:joekrill/silverbullet-treeview/treeview.plug.js
- github:silverbulletmd/silverbullet-mermaid/mermaid.plug.js

Settings.yaml

# file: Config/Settings
# ===================================
indexPage: "[[Home]]"

libraries:
- import: "[[!silverbullet.md/Library/Core/*]]"

# UI
hideSyncButton: true

actionButtons: # Use any icon from https://feathericons.com
- icon: chevron-left
  command: "{[Navigate: Back in History]}"
  description: "Go to the previous page"
- icon: chevron-right
  command: "{[Navigate: Forward in History]}"
  description: "Go to the previous page"
- icon: home 
  command: "{[Navigate: Home]}"
  description: "Go to the index page"
- icon: search
  command: "{[Navigate: Page Picker]}"
  description: Open page
- icon: terminal
  command: "{[Open Command Palette]}"
  description: Run command
- icon: sidebar
  command: "{[Tree View: Toggle]}"
  description: "Toggle Tree View"
- icon: settings
  command: '{[Navigate: To Page]("Config/Settings")}'
  description: "Open Settings"
- icon: repeat
  command: "{[System: Reload]}"
  description: Reload page

shortcuts:
- command: "Navigate: Page Picker"
  key: "Cmd-o"
- command: "Open Command Palette"
  key: "Cmd-Shift-p"
- command: "Editor: Find in Page"
  key: "Cmd-Shift-f"

Styles.css

/* ===================================
file: Config/Styles/Main
=================================== */
html {
  --editor-width: 1000px; /* main content -- default is 800px */
  --editor-font: "Roboto";
}

/* monospace for fenced code blocks */
.sb-line-fenced-code, .sb-frontmatter {
  font-family: "JetBrainsMono Nerd Font";
  font-weight: 400;
  font-style: normal;
  font-size: 11pt;
  padding-left: 1em !important;
}
/*  ===================================
# file: Config/Styles/Plugins/TreeView
=================================== */
html {
  --treeview-node-border-width: 0px;
  --treeview-node-border-radius: 5px;

  --treeview-page-color: white;
  --treeview-page-background-color: var(--root-background-color);
  --treeview-page-border-color: var(--treeview-page-background-color);

  --treeview-folder-color: var(--root-color);
  --treeview-folder-background-color: var(--treeview-page-background-color);
  --treeview-folder-border-color: var(--treeview-page-background-color);

  --treeview-current-page-color: #eee;
  --treeview-current-page-background-color: var(--ui-accent-color);
  --treeview-current-page-border-color: var(--treeview-page-border-color);
}

.treeview-root {
  /* SortableTree variables */
  --st-label-height: auto;
  --st-subnodes-padding-left: 0.8rem;
  --st-collapse-icon-height: 1.5rem;
  --st-collapse-icon-width: 0.8rem;
}

.treeview-header {
  padding: 0;
}

.tree__label {
  padding: 0px;
}
/* ===================================
# file: Config/Styles/Theme
=================================== */
/* space-lua: config.set("theme", "dark") */
html[data-theme="dark"]{
  --root-background-color: rgba(30,33,38,255);
  --root-color: rgba(255,255,255,0.6);
  --modal-color: rgba(255,255,255,0.6);
  --modal-background-color: #323842;
  --modal-help-background-color: #21252B;
  --modal-help-color: rgba(255,255,255,0.4);
  --editor-selection-background-color: #374ec5;
  --editor-blockquote-background-color: #323842;
  --editor-wiki-link-page-color: #BB86FC;
  --editor-wiki-link-page-background-color: var(--root-background-color);
  --editor-link-meta-color: #384976;
  --editor-naked-url-color: #8CABFF;
  --editor-meta-color: #56B6C2;
  --editor-heading-meta-color: #56B6C2;
  --editor-caret-color: #4477CE;
  --editor-code-number-color: #C678DD;
  --top-background-color: #262626;
  --top-border-color: #121212;
  --action-button-color: rgba(255,255,255,0.5);
  --action-button-hover-color: #374ec5;
  --top-saved-color: rgba(255,255,255,0.7);
  --top-sync-error-background-color: #683232;
}