• Stars
    star
    170
  • Rank 223,357 (Top 5 %)
  • Language
    TypeScript
  • License
    MIT License
  • Created over 2 years ago
  • Updated over 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

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

Other my plugins/themes

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

"Awesome Styler"

logo

🎨 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

SWU-banner

Install theme

From Logseq store - Plugins -> Marketplace.

Or manually:

Settings

🎨 Colors palette:

Change main colors in Settings

theme-colors.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)

presets.mp4

Clone presets to edit it

presets-clone.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

Credits

License

MIT License