search

beeper / themes

Community Themes
Apache License 2.0
126 stars 28 forks source link

Workflow for developing themes? #14

Open tmcw opened 1 year ago

tmcw commented 1 year ago

Is there a way - even a hacky way - to develop a Beeper theme without editing in a textarea of the preferences pane and clicking Apply? Maybe the theme is stored somewhere, or imports from a different place, or can be edited with a text editor?

dman978 commented 5 months ago

control shift i and directly edit the html. Once you find out what you like in the html you can copy those variables into the css section. Additionally if you make the textbox transparent like in my Clearview theme you can easily see everything behind the box as your making changes that way you never have to exit out of the editor while making your theme. .mx_Dialog { background-color: hsla(16, 31%, 16%, 0.1) is the code to do that I believe

clins1994 commented 5 months ago

@tmcw

my current workflow for that is editing the styles in vscode and then copy pasting everything in the beeper settings. vscode extension can make sure my css doesn't have anything funky but still if i want to change the values then the flow is ...

edit file > copy code > open beeper > settings > appearance tab > scroll down > select all text > paste css code > apply > close settings > check if it worked

and it really sucks ...

i haven't tried editing directly from the developer tools' console and dom viewer but if i'm editing there i still have to remember what i'm editing after i succeed and put those changes in the my text editor ...

not fun at all ...

also even if you do an epic theme for desktop the fact that i won't have it on my ios app is demotivating me to finish the desktop theme :x

so i'm looking into self hosting some other more customizable solution as opposed to beeper so that i can make a chat app that is taylored for myself