[Feature]: Support external CSS skins without conflicts about automatic HOT 16 CLOSED

Deleting user.css makes generate images button to break so still not a great idea to do it.

Here go. https://www.mediafire.com/file/5sn6xsfmezwf6qq/user.css+for+custom+UI+adapted+for+SD+Vlad+Fork.rar/file

I adapted the file for work with other skins, so now you can press generate again. Just overwrite you user.css. Will become like this.

Just in case you want to increase the preview area like the image add this lines to the end of Style.css file.
(also works for your other styles extensions)

#txt2img_gallery, #img2img_gallery{
/* Output height */
height: 682px;
}

#txt2img_results, #img2img_results{
/* Output width */
min-width: 50%;
}

#txt2img_gallery > .grid-wrap, #txt2img_gallery > .preview,
#img2img_gallery > .grid-wrap, #img2img_gallery > .preview{
max-height: none;
}

If someone find any bug tell-me to i take a look cause i don't know if exist more problems if don't use the original user.css from the fork.

from automatic.

i'll add user skinning options in the future, at the moment if you want to use your skin then delete user.css

from automatic.

see above :)

btw, i've just changed default font to be ui-system, so whatver you normally use - hopefully, thats a bit less controversial

font-variant is gone.

from automatic.

This is by choice here - generate/skip/interrupt buttons are always visible and do not hide each other ever.

from automatic.

?? What do you mean "by choice"? When the Stop and Skip buttons are visible, the Generate button is hidden underneath. And after an image is generated, the Stop and Skip buttons stay visible and no more generating is possible. This can't be "by choice" ...

generate/skip/interrupt buttons are always visible and do not hide each other ever.

But of course they hide, that's how it works. Stop and Skip buttons are positioned as absolute and lay over the Generate button. At start, they are hidden (display = "none" from the CSS), so the Generate button is visible. After clicking generate, the Stop and Skip buttons getting a style = "block" to make them visible, thus hiding the Generate button. But after finished generateing, they are not getting hidden anymore, makeing a new generation impossible.

from automatic.

That is not how it's supposed to look, see the screenshot in readme. I'll reopen issue and check.

from automatic.

Ah, OK ... no I see what you mean. Well, I installed https://github.com/Gerschel/sd-web-ui-quickcss because I, sorry to say, didn't like the styling and can use my adapted theme I did long ago.
But I didn't change anything special for this buttons. Maybe you could copy&paste here the CSS part that you used to style the button, so I can try to replace it in my theme.
And when we are at this right now, any chance to get some styling options later on? That would be much easier I guess.
Thanks for your effort, this fork is great so far. 👍

from automatic.

i'll add user skinning options in the future, at the moment if you want to use your skin then delete user.css

Yes, PLEASE. Sorry, i need to be honest, the style is the worst ive ever seen. Use repellent level.

from automatic.

i'll add user skinning options in the future, at the moment if you want to use your skin then delete user.css

Yes, PLEASE. Sorry, i need to be honest, the style is the worst ive ever seen. Use repellent level.

yeah, sorry to say, I felt the need to burn the UI style as fast as possible. If i delete this file, will it go back to standard automatic1111?

from automatic.

yeah, sorry to say, I felt the need to burn the UI style as fast as possible. If i delete this file, will it go back to standard automatic1111?

most likely :)

from automatic.

btw, i've just changed default font to be ui-system, so whatver you normally use - hopefully, thats a bit less controversial

from automatic.

deleting user.css made everything usable. highly recommended if you have preexisting workflows.
This being said, minor tweaks could be made to the original UI, but the style is not the big issue with it, but in functionality - simple things like being able to send an existing image loaded in img2img (left side) to extras/inpaint etc, without the need to look for it in outputs and do it from there. This kind of thing would be welcome, otherwise gradio not so bad.

from automatic.

btw, i've just changed default font to be ui-system, so whatver you normally use - hopefully, thats a bit less controversial

I think font-variant: small-caps makes it hard to read for some people. But as you mention, you can just delete user.css to get the normal gradio theme.

from automatic.

from automatic.

@vladmandic
Could you please unhide "Resize seed from width/Resize seed from height" or at least add a unique class to it, so we can use CSS to unhide it? Thanks.

from automatic.

initial support for ui themes is online, closing. i'll create a discussion thread on theme details.

from automatic.