puter icon indicating copy to clipboard operation
puter copied to clipboard

Feature Request: Theming for Puter UI

Open triptych opened this issue 1 year ago • 5 comments

As a developer I would like to be able to theme the puter OS look and feel. Not just the desktop background but the look of the windows, the fonts, the colors, the buttons, etc.

Perhaps these themes could be also packaged up and sharable via some kind of theme chooser in the OS.

triptych avatar Mar 19 '24 15:03 triptych

This would be a great addition. Not only it allows for customization from users, it also will help with design. Additionally, it's going to be really fun to develop. I'd say this should be part of the Settings app. #60

jelveh avatar Mar 19 '24 17:03 jelveh

This video might be good motivation for anyone who feels like they want to take this on: https://www.youtube.com/watch?v=ugoigcchsa0

KernelDeimos avatar Mar 21 '24 05:03 KernelDeimos

Hey @triptych, @jelveh, and @KernelDeimos, I think could take a crack at this.

I'm thinking I could implement this incrementally by first implementing a dark/light theme in a "Personalization" tab in the settings menu using CSS variables and classes like this (except in JQuery). Then I could start adding functionality to change UI colors, and hopefully, have full themes. I'm only a bit puzzled about how I could store style variables when I start to tackle a more complex and customizable styling system.

Let me know your thoughts and if you have any other "Personalization" features we could add.

Thanks!

Hiya-its-Aya avatar Mar 30 '24 07:03 Hiya-its-Aya

I'm only a bit puzzled about how I could store style variables when I start to tackle a more complex and customizable styling system.

You could have a <style> tag with an id, that just contains the CSS for setting the variables. Then whenever you want to change them, you replace the contents of that tag.

Unless you mean storing them on the server. KV would be good for that probably.

AtkinsSJ avatar Mar 30 '24 08:03 AtkinsSJ

Yeah I meant the server. Thanks!

Hiya-its-Aya avatar Mar 30 '24 08:03 Hiya-its-Aya