After numerous experiments toying with “live” CSS injection to Plex’s official web client, I decided to imagine the principle taken further and actually designed some key screens.

I reworked every UI component of the web client while remaining extremely close structure-wise to let the door open to any technical approach.

With OS-synced light/dark mode working so well with CSS now, it could be a packaged webapp with OS-specific HTML/CSS injection (not ideal as it would require “visual maintenance”, but I’d be up for the task) or something more in depth using the API? Maybe a mixed approach?

I lack any concrete backend competence and I’m slow at everything structural—I clearly can’t achieve this alone ; however I have a lot of experience writing OS-like, pixel-perfect CSS.

This would be a dream project. I’d love to hear your thoughts and ideas!

More screeshots at 1:1 scale here >

r/webdev - I started working on a web-based, native-feel Plex client UI overhaul. Would anyone like to team up on such a project?

Light mode on macOS: Play screen

r/webdev - I started working on a web-based, native-feel Plex client UI overhaul. Would anyone like to team up on such a project?

Light mode on macOS: Collection screen, scrolled

r/webdev - I started working on a web-based, native-feel Plex client UI overhaul. Would anyone like to team up on such a project?

Light mode on macOS: Editing a collection

r/webdev - I started working on a web-based, native-feel Plex client UI overhaul. Would anyone like to team up on such a project?

Dark mode on macOS: Library screen on collections tab, scrolled, libraries dropdown

r/webdev - I started working on a web-based, native-feel Plex client UI overhaul. Would anyone like to team up on such a project?

Light mode on Windows: Home screen

r/webdev - I started working on a web-based, native-feel Plex client UI overhaul. Would anyone like to team up on such a project?

Dark mode on Windows: Collection screen



Source link

Write A Comment