diff --git a/website/Theme/Devise-Dark.md b/website/Theme/Devise-Dark.md new file mode 100644 index 0000000..ba2f9f1 --- /dev/null +++ b/website/Theme/Devise-Dark.md @@ -0,0 +1,27 @@ +Dark theme, originally [shared here](https://discord.com/channels/1028543811191836782/1028543811984568373/1141715540755361833). Make sure you switch SilverBullet to {[Editor: Toggle Dark Mode|dark mode]} to use. + +```css +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; +} +```