Skip to content

A clean logseq theme focus on bujo and long time writing experience

Notifications You must be signed in to change notification settings

Sansui233/logseq-bonofix-theme

Repository files navigation


logseq-bonofix-theme

🌠 Screenshots | 📦 Install | ✨ What's different | 🔨 How to build

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.

Desktop

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

Tags

  • 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
    Journal Title Emoji

  • Round tags
    Tags

  • 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
  1. Install dependencies
npm install
  1. Run build
npm run build

Thanks