logseq: A SCSS repository from Catppuccin

Catppuccin for Logseq

Previews

🌻 Latte

Selected Accent: Red

🪴 Frappé

Selected Accent: Pink

🌺 Macchiato

Selected Accent: Yellow

🌿 Mocha

Selected Accent: Green

Usage

Installation

There are couple of other methods you can use to set the theme up in Logseq. Later methods are more for development purpose.

Logseq Plugin Marketplace (Recommended)
1. Search for 'catppuccin' in Plugins > Marketplace > Themes and install the plugin.
2. Choose the the appropriate theme variant from Settings > Themes.

Editing custom theme: custom.css (recommended for mobile). Choose one of the following and restart Logseq

@import url('https://logseq.catppuccin.com/ctp-latte.css');
@import url('https://logseq.catppuccin.com/ctp-frappe.css');
@import url('https://logseq.catppuccin.com/ctp-macchiato.css');
@import url('https://logseq.catppuccin.com/ctp-mocha.css');
@import url('https://logseq.catppuccin.com/ctp-oled.css');

Editing custom configuration: config.edn (source) Set one of the following in your config and restart Logseq.

:custom-css-url "@import url('https://logseq.catppuccin.com/ctp-latte.css');"
:custom-css-url "@import url('https://logseq.catppuccin.com/ctp-frappe.css');"
:custom-css-url "@import url('https://logseq.catppuccin.com/ctp-macchiato.css');"
:custom-css-url "@import url('https://logseq.catppuccin.com/ctp-mocha.css');"

Add manually from GitHub Releases
1. Download .zip from latest release.
2. Extract it to desired location.
3. Enable Developer Mode under Settings > Advanced.
4. Use the new Load unpacked plugin option under Plugins, choosing extracted folder to install the theme.
Clone Repository and add manually
1. Clone repository (including submodules)
2. Run npm ci && npm run build
3. Enable Developer Mode under Settings > Advanced
4. Use the new Load unpacked plugin option under Plugins, choosing repo folder to install the theme.