Create an Action ButtonStyle

[JPKribs]

Summary

Resolves: #1667

Originally Mentioned Here: #1543 (comment)

I wanted to split this out into it's own PR / Discussion for better visibility.

---

This PR changes the action buttons from their current floating icons to instead use more a square button similar to tvOS. I try to preserve the Icon Color so it doesn't flip when the button goes from selected to unselected. To do this, I am using the same overlay color for the PlayButton so it's consistent. Un-selected buttons are .gray to account for either black or white icon colors.

All buttons grow to fill their container, identical to tvOS, except Compact Poster they will always be exact squares similar to the existing layout.

---

Totally open to suggestions for this! I'm not positive this is what was meant in the original comment but this is where my mind went since this would bring iOS and tvOS in line with similar layouts.

---

Screenshots

Cinematic

Compact Poster

Generic / Simple Scroll View

Collections

iPadOS - Standard

iPadOS - Collections

Minimum Items vs Maximum Items

[chickdan]

Well, it looks like Apple is moving toward pill shaped buttons in tvOS 26 😆

[JPKribs]

Well, it looks like Apple is moving toward pill shaped buttons in tvOS 26 😆

The only constant is change I suppose lol.

I really hope there are some revisions in iOS 26 before the final release. I personally felt like a lot of their demos were really difficult to read with the layered transparency

[JPKribs]

Successfully, actually did the re-base! This should be back and buildable. I think this is basically my 'final' version of this with the exception of using the .gray as the default background. I think it's really close but it's a little too light in dark mark and a little too dark in light mode.

I'm open to suggestions to the gray but I think the rest is good to go!

[JPKribs]

I moved the ActionButton to a ButtonStyle on iOS. It looks identical to what I have in my screenshot but the implementation feels a lot cleaner for both Buttons and Menus.

I've tested this as well, I believe we should be able to use this if we want to make the PlayButton on iOS use this same styling. I haven't included that in this same PR but below are what this looks like using the .buttonStyle(.action) for the PlayButton:

            Button(title, systemImage: "play.fill") {
                if let playButtonItem = viewModel.playButtonItem, let selectedMediaSource = viewModel.selectedMediaSource {
                    mainRouter.route(to: \.videoPlayer, OnlineVideoPlayerManager(item: playButtonItem, mediaSource: selectedMediaSource))
                } else {
                    logger.error("No media source available")
                }
            }
            .buttonStyle(.action)
            .foregroundStyle(accentColor.overlayColor, accentColor)
            .font(.callout)
            .fontWeight(.semibold)
            .disabled(viewModel.playButtonItem == nil)

Compact

Wide

---

I wish I could do the same in tvOS but I was finding any buttons you have to build EVERYTHING including the animations for pressing, focus, etc. So I left tvOS mostly alone but I tried to mirror the .foregroundStyle between them.

I am going to stop working on this now so this isn't a moving target to review but this should be done and ready for a second look.