neil/silverbullet
1
0
Fork 0
Code
772589a789
silverbullet/website/Theme/Devise-Dark.md
Zef Hemel 6b3649c345 PoC Dark theme
2023-08-17 19:59:34 +02:00

1.1 KiB
Raw Blame History

Dark theme, originally shared here. Make sure you switch SilverBullet to {[Editor: Toggle Dark Mode|dark mode]} to use.

html[data-theme="dark"], html[data-theme="dark"]{
  --root-background-color: rgba(30,33,38,255);
  --root-color: rgba(255,255,255,0.6);
  --editor-selection-background-color: #374ec5;
  --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-blockquote-background-color: #323842;
  --editor-wiki-link-page-color: #BB86FC;
  --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;
}