https://github.com/pengx17/logseq-dev-theme

</> Logseq dev theme
https://github.com/pengx17/logseq-dev-theme

logseq logseqtheme

Last synced: 4 days ago
JSON representation

</> Logseq dev theme

• Host: GitHub
• URL: https://github.com/pengx17/logseq-dev-theme
• Owner: pengx17
• License: mit
• Created: 2021-06-14T18:33:22.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2024-08-12T11:16:49.000Z (5 months ago)
• Last Synced: 2024-12-14T16:03:50.443Z (11 days ago)
• Topics: logseq, logseqtheme
• Language: CSS
• Homepage: https://pengx17.github.io/knowledge-garden/
• Size: 9.05 MB
• Stars: 380
• Watchers: 7
• Forks: 65
• Open Issues: 36
• Metadata Files:
  • Readme: readme.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-logseq - logseq-dev-theme

README

        
# Logseq Dev Theme

🔔 Looking for maintainers! 🔔

A theme inspired by Dev.to & Figma.



This theme is actively maintained and used on a daily basis by the author. It should have the best UX on macOS.

Features:

- providing bullet threading for editing blocks (also available as [a standalone plugin](https://github.com/pengx17/logseq-plugin-bullet-threading))

- elegant font choices

- delightful colors for markers

## Working Demo

Check out my published knowledge garden at https://pengx17.github.io/knowledge-garden/. Though since the graph is read-only, you cannot test the bullet threading feature with it.

## Usage

### Marketplace

This theme and bullet threading is available in the Marketplace.

![](./marketplace.png)

### Using custom.css

Another way to adopt this theme is to use jsDelivr CDN by adding the following line to your `custom.css`. You can also change the `@main` part to use the latest version. This is the ONLY way to stylish your published graph for now.

```css

/* This must be the first line of the custom.css with other import rules */

@import url("https://cdn.jsdelivr.net/gh/pengx17/logseq-dev-theme@main/custom.css");

/* You can also add other styles below to override the default theme values */

```

## Customization

This theme does not provide official customization options. However, you can still change most of the colors and fonts. Please take a look [this issue for guidance](https://github.com/pengx17/logseq-dev-theme/issues/46).

## Caveats

- If your theme defines border colors for the `children-block`, the bullet threading css may not work as expected.

- This theme is guaranteed to work with the latest Logseq version WITHOUT backward compability.

## Demo (might be outdated)

![demo](./demo.png)

https://user-images.githubusercontent.com/584378/128587194-bd775264-b3ba-4303-8595-060953fe8030.mp4

## Changelog

You may refer to [Changelog](./CHANGELOG.md), but it might not be well organized.

## Credits

[PiotrSss](https://github.com/PiotrSss) for his [clean-themes](https://github.com/PiotrSss/logseq-clean-themes)