Document Explorer for Silverbullet

PRO TIP for THEME-ing the Document Explorer

This is how easy is to theme the DocEx for Silverbullet:

Copy the example theme draft to an LLM of your choice (ChatGPT, Gemini, Grok…) and ask:

please create a Christmas Color Theme for these UI variables in OKLCH:

html[data-theme="dark"]{
  /*Main UI Color*/
  --explorer-bg-color: var(--top-background-color);
  --explorer-text-color:  var(--root-color,white);
  --explorer-accent-color: var(--ui-accent-color,  oklch(55% 0.15 250));
  --explorer-accent-text: var(--ui-accent-contrast-color);
  --breadcrumb-color: var(--editor-wiki-link-page-color);
  --explorer-border-color: oklch(from var(--modal-border-color) 0.65 c h / 0.5);
  --explorer-hover-bg: oklch(0.65 0 0 / 0.5);
  --explorer-tile-bg:  oklch(0.75 0 0 / 0.1);
  /*Folder and File Color*/
  --folder-color: oklch(0.85 0.1 105);
  --file-md-color:  hsl(213, 100%, 83%);
  --file-pdf-color: oklch(0.85 0.1 30); 
  --file-img-color: oklch(0.85 0.1 180); 
  --file-ex-color:  oklch(0.85 0.1 300); 
  --file-dio-color: oklch(0.85 0.1 90); 
  --file-unk-color: oklch(0.85 0 0);
}

Chtistmas Color Theme

MATRIX Theme

Dune Theme

Tokyo Night Theme

Cotton Candy Theme

4 Likes