Home

Awesome

Other my plugins/themes

If you ❤ what i'm doing - you can support my work! ☕

<a href="https://www.buymeacoffee.com/yoyurec"><img src="https://img.buymeacoffee.com/button-api/?text=Buy me a coffee&emoji=&slug=yoyurec&button_colour=FFDD00&font_colour=000000&font_family=Lato&outline_colour=000000&coffee_colour=ffffff" /></a>

<h1 align="center">"Awesome Content" plugin for Logseq</h1> <p align="center"> <a href="https://github.com/yoyurec/logseq-awesome-content"> <img src="https://github.com/yoyurec/logseq-awesome-content/raw/main/icon.png" alt="logo" width="128" height="128" /> </a> </p>

📝 Enhanced content blocks (tasks, quotes, flashcards, headers, queries, diagrams, etc...) plugin for Logseq

Installation

Plugin for desktop app

From Logseq store - Plugins -> Marketplace

CSS for mobile app

Paste to your custom.css (media queries will hide duplicated CSS from desktop, where they already inserted via plugin):

@import url("https://raw.githack.com/yoyurec/logseq-awesome-content/main/src/awesomeContent-cdn.css") only screen and (max-width: 1024px);

Features

✅ Colored tasks statuses & priorities

<img src="https://github.com//yoyurec/logseq-awesome-content/raw/main/screenshots/tasks.png">

To customize colors - paste code to your custom.css file. Use your own values, or set default var(--ls-link-text-color)

:root {
    --awCo-marker-waiting: ...!important;
    --awCo-marker-later: ...!important;
    --awCo-marker-todo: ...!important;
    --awCo-marker-now-doing: ...!important;
    --awCo-marker-done: ...!important;

    --awCo-priority-a: ...!important;
    --awCo-priority-b: ...!important;
    --awCo-priority-c: ...!important;
}

🚥 Kanban board

Just add #.kanban tag to parent block and all children will become columns! Add #.kanban-300, #.kanban-400, #.kanban-500 instead of default to rule min columns width. Recommend additionally to install Logseq Plugin TODO Master and check Logseq template

<img src="https://github.com//yoyurec/logseq-awesome-content/raw/main/screenshots/kanban.png" width="740">

📝 Redesigned admonition blocks

💬 Blockquotes

Just add #quote tag to parent block!

<img src="https://github.com//yoyurec/logseq-awesome-content/raw/main/screenshots/quote.png" width="740">

🔶 Diagrams

Mermaid diagrams redesign - theme related colors, light/dark mode support. Use plugin https://github.com/xyhp915/logseq-fenced-code-plus

<img src="https://github.com//yoyurec/logseq-awesome-content/raw/main/screenshots/mermaid.png" width="740">

📋 Compact QUERY results header

🚥 Today queries

🧮 Redesigned calculator

What is Logseq?

Logseq is a privacy-first, open-source knowledge base. Visit https://logseq.com for more information.

Support

Credits

License

MIT License