Automatic Release Posts, UI/UX changes!

✨ Highlights

• Theme & Accessibility Overhaul:
  All documentation, release notes, legal, and privacy pages now use improved, responsive heading styles and theme-aware colors for text, markers, and backgrounds. This ensures readability and consistent experiences in both light and dark modes.

• Better List & Heading Styling:

  • Headings (h1, h2, h3) and bullet/number list markers now follow dynamic sizing and adapt to your selected theme.
  • Lists and content markers are easier to distinguish, matching new "doc" or "release" color variables.

• Consistent Appearance:

  • Legal pages (MIT License, Privacy Policy, Terms of Service) and documentation pages now feature updated color schemes so text and headings are always readable, regardless of system theme.
  • The release notes page and individual note view adopt new "release-specific" color variables for main content and list markers.

• Back-Link Style and Usability:

  • All "Back" links in documentation and release notes are re-styled for better touch and keyboard accessibility, using a darker primary shade on hover/focus and removing unwanted button backgrounds. Focus rings show only for keyboard interactions.

• Automated Social Sharing on Release:

  • New helper (publishToSocials) automatically posts about new releases to Mastodon and Threads, using a consistent message template and robust error handling.
  • Adds privacy-first environment variable checks so credentials are never exposed if posting fails.

• Code Quality and Structure:

  • Heavy refactoring to CSS and page component logic; theme variables are now consistently applied across the app.
  • Improved handling of error responses in APIs.

🛠️ Developer-Focused Changes

• Added src/lib/socials.ts:
  Automated posting of release announcements to Mastodon & Threads.

• Updated theme variables in globals.css:
  Introduced new colors like --color-primary-dark, improved heading sizes and list marker styling across all prose components.

• Reworked pages for:

  • Documentation (src/app/documentation/DocumentationPage.tsx, [id]/page.tsx)
  • Release notes (src/app/release-notes/ReleaseNotesPage.tsx, [id]/page.tsx)
  • MIT License, Privacy Policy, Terms of Service

• Improved error handling and API responses in release note endpoints.

🧑‍🎓 User Impact

• Reading documentation and release notes should feel easier, especially on different themes.
• Legal and privacy pages appear crisp and uniformly styled.
• Release announcements reach Mastodon and Threads automatically, keeping the community updated!
• Navigation and back-links work better on mobile and desktop — no more awkward button boxes or confusing focus rings.

🔗 Links

View Pull Request #109 made by @andrinoff

Thank you for using Plazen! If you spot any issues or have feedback on the new visuals or social sharing, let us know!