neil/silverbullet
1
0
Fork 0
Code

PoC Dark theme

Browse Source
This commit is contained in:
Zef Hemel 2023-08-17 19:59:34 +02:00
parent d2e1921549
commit 6b3649c345
1 changed files with 27 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
website/Theme/Devise-Dark.md Normal file
View File

@ -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;
}
```