Awesome

Other my plugins/themes

• 🪓 Awesome UI
• 📝 Awesome Content
• 📋 Awesome Props
• ⭐ Awesome Links
• ✨ Tabler picker
• 📌 Sticky Headers
• 📰 Banners

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>

🎨 Totally customizable theme with presets: colors, backgrounds, fonts and sizes, etc...

• ⚡ Powered up with custom JS 👨‍💻
• 🔆 Light & dark versions (Solarized colors by default)
• Customizable settings: <a href="#settings">🡖</a>
  • 🎨 Customizable colors palette text/backgrounds: user defined (+ autogenerated shades) for UI and content elements
  • 🔮 Built-in theme color presets: "Solarized", "Logseq", "Chocolate", "Mia Quattro", "Bear", "Nord", "Darcula" + 3 custom slots
  • 🈶 Different fonts: "Fira Sans", "Mulish (Poppins)", "AiWriter Quattro", "Inter" & system
  • 🖼 Background image
  • 📏 Theme options for sizes
• 📰 Banners plugin support and powered-up! <a href="#-banners-plugin">🡖</a>
• etc...

Screenshots

Install theme

From Logseq store - Plugins -> Marketplace.

Or manually:

• load zip from Releases https://github.com/yoyurec/logseq-awesome-styler/releases/latest
• extract zip, plugin should be near others plugins (hope it is %username%\.logseq\plugins)
• plugin folder name should be exactly logseq-awesome-styler, without version

Settings

🎨 Colors palette:

Change main colors in Settings

https://user-images.githubusercontent.com/137919/187081296-1c9c3312-cd86-4fbb-b78c-9fccbb0f52a5.mp4

🔮 Presets:

• select preset to apply it with read-only mode
• or select "Custom/Custom2/Custom3" to enable manual editing
• or select preset, press "Clone", edit applied colors, b'cose you on Custom mode now

Choose preset: built-in (uneditable ⚠) OR user "Custom" (editable)

https://user-images.githubusercontent.com/137919/187081307-f4cd176f-c294-492e-9dc6-63d31b4cc50e.mp4

Clone presets to edit it

https://user-images.githubusercontent.com/137919/187081312-82125847-db92-4c64-b50c-51d2053baa5d.mp4

🈶 Fonts

Change font and text size

🖼 Background image:

• go to https://unsplash.com
• choose any image, click (go to its details page with bigger image)
• right click on image, "copy image link",
• edit URL in settings

📏 Sizes

Change sidebars and content width in Settings

📰 Banners plugin

Theme supports Banners plugin Background = blurred banner! Icon glows!

Demo video: https://www.loom.com/share/31416785f6764a7a80fba271aea4ea79

What is Logseq?

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

Support

• Read about Logseq plugin updates on Dicscord - https://discord.com/channels/725182569297215569/896368413243494430
• Ask about Logseq plugins on Dicscord - https://discord.com/channels/725182569297215569/752845167030960141
• If you have any questions, issues or feature request, use the issue submission on GitHub: https://github.com/yoyurec/logseq-awesome-styler/issues

Credits

• Icon - https://www.flaticon.com/free-icon/palette_7927110
• "iA Writer" fonts: Copyright © 2018 Information Architects Inc. with Reserved Font Name "iA Writer". Licensed under the SIL Open Font License 1.1.
• Theme colors inspiration - Nicholas Martin https://github.com/nmartin84/logseq-solarized
• Kanban view inspiration - @Cannibalox https://github.com/cannibalox/logtools

License

MIT License