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! ☕
"Awesome Styler"
🎨 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: 🡖
- 🎨 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! 🡖
- 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