logseq-cusgit-theme
๐ Screenshots | ๐ฆ Install | โจ What's different
This is a clean theme for Logseq, focusing on bullet journal and long time writing experience. Sometimes it fixes some UI bugs for Logseq.
Screenshots
The style is strongly inspired by logseq-bonofix-theme and logseq-github-theme. The code is mainly based on logseq-github-theme, and you may find the style really bonofix-like.
Install
Here are two ways of installing theme in Logseq.
Install plugin
-
Open Logseq โ Plugins โ Market Place, install logseq-cusgit-theme plugin
-
Open Logseq โ Themes, choose your theme
The theme installed via plugin is not compatible with your local
custom.css
. Only plugin theme works.
custom.css
Install -
General installation
Copy the whole content of custom.css into your
graphname/logseq/custom.css
file. -
If you are always working online
Copy this one-line-installation into your logseq/custom.css file
@import url('https://cdn.jsdelivr.net/gh/mendax1234/logseq-cusgit-theme/custom.css')
What's different
Functional style
-
Simple but functional colors
-
Remove border-bottom for heading, and make
<hr>
slim for title partition in blockbody. -
Make tippy window like responsive card instead of filling the screen and obscuring text
Additional Styles
-
Calender emoji before journal title. Credit@Sansui233
-
Rounded tags. Credit@g1eny0ung
-
Round checkbox. Credit@Sansui233
-
Customized Priority style. Credit@pengx17
-
Cool query table style! Thanks#5!
How to build
- Install node
- Clone repo
git clone https://github.com/mendax1234/logseq-cusgit-theme.git && cd logseq-bonofix-theme
- Install sass
npm install
- Run build
npm run build
Thanks
- Logseq
- logseq-bonofix-theme by @Sansui233
- logseq-github-theme by @g1eny0ung
- logseq-dev-theme by @pengx17
- All feedbacks from email and discord