Awesome

This is a clean theme for Logseq, focusing on bullet journal and long time writing experience.

Screenshots

The style is strongly inspired by logseq-bujo-theme and Notion. The code is mainly based on bujo theme, and you may find the style really notion-like.

It partially adapts to the custom accent color in logseq's settings. You can change the default accent(blue) color without obvious style breaking.

Install

Here are two ways of installing theme in Logseq.

Install plugin

• Open Logseq → Plugins → Market Place, install Bonofix Theme plugin

• Open Logseq → Themes, choose your theme

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/sansui233/logseq-bonofix-theme/custom.css');
  

What's different

Functional style

• Simple but functional colors

• Make tippy window like responsive card instead of filling the screen and obscuring text. (Legacy bcz Logseq default theme has made it)

• Wrap text in query table results to make it easier to read. Table remains to scroll if too many columns

Additional Styles

• Calender emoji before journal title
  <img src="./media/journal-title-emoji.png" alt="Journal Title Emoji" width="600px" />

• Round tags
  <img src="./media/tag-label.png" alt="Tags" width="300px" />

• Round checkbox

How to build

1. Install node
2. Clone repo

git clone https://github.com/Sansui233/logseq-bonofix-theme.git && cd logseq-bonofix-theme

3. Install dependencies

npm install

4. Run build

npm run build

Thanks

• Logseq
• logseq-bujo-theme by PiotrSss
• Dark mode of Notion
• All feedbacks from github issue, email and discord