logseq

logseq copied to clipboard

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.

1. 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.

2. 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');

3. 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');"

4. 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.

5. 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.

Switching Accent Color

1. Theme settings can be accessed under Settings > Plugins > Catppuccin
2. Select an accent color of choice from the dropdown under CtpAccent setting.

Bonus: Oledppuccin

The niche dark side

You can choose this variant of dark theme under Settings > Themes.

💝 Thanks to

Current Maintainer(s)

• griimick

Inspiration and Contribution

• pengx17 for logseq-dev-theme

Copyright © 2023-present Catppuccin Org