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!
Light mode on macOS: Play screen
Light mode on macOS: Collection screen, scrolled
Light mode on macOS: Editing a collection
Dark mode on macOS: Library screen on collections tab, scrolled, libraries dropdown
Light mode on Windows: Home screen
Dark mode on Windows: Collection screen