mingzailao
/
silverbullet
mirror of https://github.com/silverbulletmd/silverbullet.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
silverbullet/website/Theme/Devise-Dark.md

28 lines
1.1 KiB
Markdown
Raw Permalink Normal View History

PoC Dark theme
2023-08-18 01:59:34 +08:00
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.
Implement space-style (#796) * Implement space-style * Add reloading styles to System: Reload --------- Co-authored-by: Zef Hemel <zef@zef.me>
2024-03-09 19:26:58 +08:00
```space-style
PoC Dark theme
2023-08-18 01:59:34 +08:00
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;
}
```