firefox-vertical-tabs VS Piped

I am trying to style the tab bar for Firefox to look like Edge browser's grouped vertical tabs. I am not very good at CSS and was trying to find a similar ready styling to use or easily edit, unfortunately, I couldn't. The closest thing was Vertical tabs for Firefox, inspired by Edge but it doesn't support tab grouping. Is there any other CSS I can try?

I use this CSS code with Tab Center Reborn to get vertical tabs. Unfortunately, the last FF update broke things (again). My close/minimize/maximize buttons are white and my back/forward buttons are gone. The author usually updates the CSS code quickly, but since I'm on an OLED display, I don't want a huge white rectangle on my screen.

Firefox have got this for long thanks to custom CSS.

Then I switched to Firefox with this: https://github.com/ranmaru22/firefox-vertical-tabs

Custom css: Thnx to u/0xMii for the custom css.

I found now that Piped includes duration in the RSS so might script around that. Wonder if Invidious could add that metadata too.

https://github.com/TeamPiped/Piped/wiki/Instances

Yattee

https://github.com/yattee/yattee

it requires either public or private Piped or Invidious instaces [1].

1. https://github.com/TeamPiped/Piped/wiki/Instances

2. https://docs.invidious.io/instances/

For Safari (macOS or iOS/iPadOS) you could look into extensions like Vinegar or StopTheMadness, although you’ll likely need to work out if they’ll conflict with your other extensions. Failing that, an Invidious or Piped instance is likely your best bet.

Sometimes a half-solution will do, like Invidious or Piped.

[0] https://invidious.io/

[1] https://github.com/TeamPiped/Piped

Try deleting all cache and cookies and update all filters from ublock origin, otherwise we need to wait for an update. You can use Piped in the meantime.

piped.video