Awesome

<h1 align="center"> <img src="./icon.png"/> <br>logseq-cusgit-theme<br> </h1> <p align="center"> <a href="#screenshots">🌠 Screenshots</a> | <a href="#install">📦 Install</a> | <a href="#whats-improved">✨ What's different</a> </p>

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.

Desktop

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.

Install `custom.css`

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
<img src="./media/journal-title-emoji.png" alt="Journal Title Emoji" width="600px" />
Rounded tags. Credit@g1eny0ung
<img src="./media/tag-label.png" alt="Tags" width="300px" />
Round checkbox. Credit@Sansui233
Customized Priority style. Credit@pengx17
<img src="./media/priority.png" alt="Priority"/>
Cool query table style! Thanks#5!
<img width="601" alt="image" src="https://user-images.githubusercontent.com/62934294/175247464-2447587a-9104-46c2-a991-970fd70c1882.png">

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