Skip to content

Add Mastodon-style theme#605

Merged
akirk merged 2 commits intomainfrom
add-mastodon-theme
Mar 24, 2026
Merged

Add Mastodon-style theme#605
akirk merged 2 commits intomainfrom
add-mastodon-theme

Conversation

@akirk
Copy link
Owner

@akirk akirk commented Mar 24, 2026

Summary

  • Adds a new Mastodon theme with a 3-column layout: user info/search on the left, timeline in the center, navigation/widgets on the right
  • Uses Mastodon's color palette with full light/dark mode support via CSS light-dark()
  • Card-based posts with avatar positioned to the left, overflow menu on hover
  • Collapsible filter chips in the timeline header (JS toggle)
  • Does not depend on friends.css — fully standalone stylesheet
  • Also fixes the theme switcher in the admin bar to stay on the current page instead of always redirecting to /friends/

Test plan

  • Activate the Mastodon theme via the admin bar theme switcher
  • Verify 3-column layout renders correctly
  • Verify posts show avatar, content, and footer actions
  • Verify light/dark mode switches correctly with system preference
  • Toggle the filter chips header in the timeline
  • Switch themes while on a sub-page (e.g. a friend's feed) and confirm you stay on that page

Playground: https://playground.wordpress.net/#{%22steps%22:[{%22step%22:%22installPlugin%22,%22pluginData%22:{%22resource%22:%22git:directory%22,%22url%22:%22https://github.com/akirk/friends%22,%22ref%22:%22add-mastodon-theme%22,%22refType%22:%22branch%22},%22options%22:{%22activate%22:true}}]}

akirk added 2 commits March 24, 2026 15:33
3-column layout (user info left, timeline center, nav right) with
Mastodon's color palette, card-based posts with avatar positioning,
collapsible filter chips, and light/dark mode support via CSS light-dark().
@github-actions
Copy link

Test this PR in WordPress Playground

You can test this pull request directly in WordPress Playground:

Launch WordPress Playground

This will install and activate the plugin with the changes from this PR.

@akirk akirk merged commit 9dd8a47 into main Mar 24, 2026
25 checks passed
@akirk akirk deleted the add-mastodon-theme branch March 24, 2026 14:43
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant