Feature request: Main Css Styling in Admin Panel

[andreknieriem]

Hey everybody. I have a new idea for the photobooth. In some of my earlier projects I implemented a wordpress theme with color-picker options. I think this could be a nice feature.

Here is an image of the backend:

To not conflict the scss styling, maybe we can use this:
https://leafo.net/scssphp/docs/ it is a php scss compiler. So we can load the scss file and set the variables from the admin panel to generate the new css.

I have used https://www.eyecon.ro/colorpicker/ to pick the color. I like it. What are you thinking? Maybe with some drag/drop upload for background images?

[andi34]

I think this is a good idea.
To change the background via admin panel was requested once (#57) which I added to the feature request collection issue/thread.

To not have to many conflicts later I'd wait for #90 to be merged, as the code is rewritten in many parts.

[andi34]

Or maybe on top of https://github.com/sualko/photobooth/commits/feature/misc

[sualko]

No need to use a php scss compiler, because feature/refactor uses css vars and feature/misc even supports custom colors from the config file. Therefore only the admin page has to be modified. I personally would prefer to use the html5 input type color, which has a pretty good browser support.

[msmedien]

Is it possible to integrate an option for the font-size of the buttons? On a screen resolution of 1920x1080 is the text extremly small and i need to adjust it after every update manually in the css file. :/

Or is it possible to include the btn. class in this way, that for different screen resolution a different font-size is set as standard? :) Thanks a lot :)

[sualko]

@msmedien please open another issue for your request, because otherwise can't organize all requests and the author of this issues gets notifications for your discussion.

[andi34]

As information: I am working on it.

[andreknieriem]

Looks very nice!

[andi34]

My current WIP implementation would also fix #198 as the color for Cheese!, Countdown and the background can be adjusted seperately (same color, e.g. black = no text visible)

[flighter18]

Good morning @andi34

Would it be a big task to distinguish font color between back-end and front-end?

If you choose white as text color, the front-end look nice:

But you can't read the font in the admin panel, if the panel color is white:

[andi34]

@flighter18 you need to adjust the "admin and login panel color" if you like to use white text

[andi34]

"Field color" maybe too

[flighter18]

@flighter18 you need to adjust the "admin and login panel color" if you like to use white text

I already know that. but if i like the white background in the admin panel (for me the most readable) i have no opportunity to change the font color to white :)

[andi34]

Revert 2a1da4e if you don't need/like to change the font color on start screen

[andi34]

46237d9
I'll merge/push that later here too.

Edit:
Pushed.

My work is done here. Future work continues on my fork.