gerschel / sd-web-ui-quickcss Goto Github PK

AUTOMATIC1111/stable-diffusion-webui#8205

how to revert to original web ui CSS style? there are no back up in the list, and no custom style to let users create their own.....

this is a major hinder for the greatness of this extension!!

there should this in the drop down menu:
1> loaded original webui CSS "cannot be change like a backup"
2> can create customizable CSS
3> there is no 3, just keep your preset CSS style :)

@Nacurutu
I was just testing if applying a new favicon would work, I get an error in the python console.

TypeError: join() argument must be str, bytes, or os.PathLike object, not 'list'

This means there might be a change in how gradio handles the dropdown, or because of spaces in the filenames.
I'm aware that dropdowns were having a problem before, and I had to create a workaround for them, so there is a chance they made
some updates to address it, which might've broken my workaround. It should've handled spaces in names gracefully, so I doubt that's the issue, I used built-in functions in python that are specifically for that and are system agnostic.

I'm going to work on solving this right now. This post is just to make others aware of the issue if they run into this problem.

It looks as if gradio made changes to the default .css and the stylesheets look all squished and ugly now. I'm kicking myself for updating.

I wonder if it's even worth trying to fix all the things that are now thrown off (in our custom stylesheets) because of the changes?

Hey,
I really love this extension, and I will say everything seems to be working fine, but I am getting lots of errors in the console and its messing with my head.

ERROR:    Exception in ASGI application
Traceback (most recent call last):
  File "F:\SD\stable-diffusion-webui\venv\lib\site-packages\anyio\streams\memory.py", line 94, in receive
    return self.receive_nowait()
  File "F:\SD\stable-diffusion-webui\venv\lib\site-packages\anyio\streams\memory.py", line 89, in receive_nowait
    raise WouldBlock
anyio.WouldBlock

During handling of the above exception, another exception occurred:

Traceback (most recent call last):
  File "F:\SD\stable-diffusion-webui\venv\lib\site-packages\starlette\middleware\base.py", line 77, in call_next
    message = await recv_stream.receive()
  File "F:\SD\stable-diffusion-webui\venv\lib\site-packages\anyio\streams\memory.py", line 114, in receive
    raise EndOfStream
anyio.EndOfStream

During handling of the above exception, another exception occurred:

Traceback (most recent call last):
  File "F:\SD\stable-diffusion-webui\venv\lib\site-packages\uvicorn\protocols\http\h11_impl.py", line 407, in run_asgi
    result = await app(  # type: ignore[func-returns-value]
  File "F:\SD\stable-diffusion-webui\venv\lib\site-packages\uvicorn\middleware\proxy_headers.py", line 78, in __call__
    return await self.app(scope, receive, send)
  File "F:\SD\stable-diffusion-webui\venv\lib\site-packages\fastapi\applications.py", line 270, in __call__
    await super().__call__(scope, receive, send)
  File "F:\SD\stable-diffusion-webui\venv\lib\site-packages\starlette\applications.py", line 124, in __call__
    await self.middleware_stack(scope, receive, send)
  File "F:\SD\stable-diffusion-webui\venv\lib\site-packages\starlette\middleware\errors.py", line 184, in __call__
    raise exc
  File "F:\SD\stable-diffusion-webui\venv\lib\site-packages\starlette\middleware\errors.py", line 162, in __call__
    await self.app(scope, receive, _send)
  File "F:\SD\stable-diffusion-webui\venv\lib\site-packages\starlette\middleware\base.py", line 106, in __call__
    response = await self.dispatch_func(request, call_next)
  File "F:\SD\stable-diffusion-webui\modules\api\api.py", line 80, in log_and_time
    res: Response = await call_next(req)
  File "F:\SD\stable-diffusion-webui\venv\lib\site-packages\starlette\middleware\base.py", line 80, in call_next
    raise app_exc
  File "F:\SD\stable-diffusion-webui\venv\lib\site-packages\starlette\middleware\base.py", line 69, in coro
    await self.app(scope, receive_or_disconnect, send_no_error)
  File "F:\SD\stable-diffusion-webui\venv\lib\site-packages\starlette\middleware\gzip.py", line 24, in __call__
    await responder(scope, receive, send)
  File "F:\SD\stable-diffusion-webui\venv\lib\site-packages\starlette\middleware\gzip.py", line 43, in __call__
    await self.app(scope, receive, self.send_with_gzip)
  File "F:\SD\stable-diffusion-webui\venv\lib\site-packages\starlette\middleware\cors.py", line 84, in __call__
    await self.app(scope, receive, send)
  File "F:\SD\stable-diffusion-webui\venv\lib\site-packages\starlette\middleware\exceptions.py", line 79, in __call__
    raise exc
  File "F:\SD\stable-diffusion-webui\venv\lib\site-packages\starlette\middleware\exceptions.py", line 68, in __call__
    await self.app(scope, receive, sender)
  File "F:\SD\stable-diffusion-webui\venv\lib\site-packages\fastapi\middleware\asyncexitstack.py", line 21, in __call__
    raise e
  File "F:\SD\stable-diffusion-webui\venv\lib\site-packages\fastapi\middleware\asyncexitstack.py", line 18, in __call__
    await self.app(scope, receive, send)
  File "F:\SD\stable-diffusion-webui\venv\lib\site-packages\starlette\routing.py", line 706, in __call__
    await route.handle(scope, receive, send)
  File "F:\SD\stable-diffusion-webui\venv\lib\site-packages\starlette\routing.py", line 276, in handle
    await self.app(scope, receive, send)
  File "F:\SD\stable-diffusion-webui\venv\lib\site-packages\starlette\routing.py", line 69, in app
    await response(scope, receive, send)
  File "F:\SD\stable-diffusion-webui\venv\lib\site-packages\starlette\responses.py", line 334, in __call__
    raise RuntimeError(f"File at path {self.path} does not exist.")
RuntimeError: File at path F:\SD\stable-diffusion-webui\logo.png does not exist.

Any help would be appreciated!

how do you revert to default style, only way to do is disable this plugin, how to do it there are no options.

allow add custom css without upload .css file

so can be easy tweak css style

API error: GET: http://127.0.0.1:7860/file=static/favicon.svg {'error': 'RuntimeError', 'detail': '', 'body': '', 'errors': 'File at path D:\stable-diffusion-webui\static\favicon.svg does not exist.'}
╭────────────────────── Traceback (most recent call last) ──────────────────────╮
│ D:\stable-diffusion-webui\venv\lib\site-packages\anyio\streams\memory.py:94 │
│ in receive │
│ │
│ D:\stable-diffusion-webui\venv\lib\site-packages\anyio\streams\memory.py:89 │
│ in receive_nowait │
╰───────────────────────────────────────────────────────────────────────────────╯
WouldBlock

During handling of the above exception, another exception occurred:

╭────────────────────── Traceback (most recent call last) ──────────────────────╮
│ D:\stable-diffusion-webui\venv\lib\site-packages\starlette\middleware\base.py │
│ :77 in call_next │
│ │
│ D:\stable-diffusion-webui\venv\lib\site-packages\anyio\streams\memory.py:114 │
│ in receive │
╰───────────────────────────────────────────────────────────────────────────────╯
EndOfStream

During handling of the above exception, another exception occurred:

╭────────────────────── Traceback (most recent call last) ──────────────────────╮
│ D:\stable-diffusion-webui\modules\api\api.py:145 in exception_handling │
│ │
│ 144 │ │ try: │
│ ❱ 145 │ │ │ return await call_next(request) │
│ 146 │ │ except Exception as e: │
│ │
│ ╭───────────────────────────────── locals ──────────────────────────────────╮ │
│ │ call_next = <function │ │
│ │ BaseHTTPMiddleware.call..call_next at │ │
│ │ 0x0000021CE92A39A0> │ │
│ │ e = RuntimeError('File at path │ │
│ │ D:\stable-diffusion-webui\static\favicon.svg does │ │
│ │ not exist.') │ │
│ │ handle_exception = <function api_middleware..handle_exception at │ │
│ │ 0x0000021B3B560A60> │ │
│ │ request = <starlette.requests.Request object at │ │
│ │ 0x0000021CE6FEB430> │ │
│ ╰───────────────────────────────────────────────────────────────────────────╯ │
│ │
│ D:\stable-diffusion-webui\venv\lib\site-packages\starlette\middleware\base.py │
│ :80 in call_next │
│ │
│ ... 14 frames hidden ... │
│ │
│ D:\stable-diffusion-webui\venv\lib\site-packages\starlette\routing.py:69 in │
│ app │
│ │
│ D:\stable-diffusion-webui\venv\lib\site-packages\starlette\responses.py:334 │
│ in call │
╰───────────────────────────────────────────────────────────────────────────────╯
RuntimeError: File at path D:\stable-diffusion-webui\static\favicon.svg does not
exist.

I have a favicon.svg in the right spot but it fails to find it.

RuntimeError: File at path F:\SD\stable-diffusion-webui\extensions\sd-web-ui-quickcss\file=static\favicon.svg does not exist.

unfortunatly i had to uninstall this amazing extention, too many errors were popping up in the consolle
bye bye cute layout :(

https://www.w3schools.com/howto/howto_css_placeholder.asp

I used to have the neon style but with different color themes
recently i just reinstalled the script and wanted to change the colors but its not even letting me?? there is no save new style there is no apply new colors and ontop of that the button themes and drop lists and the whole theme is not completey changed even when applying the default Neon style

Somehow, I can't get my head around how this (should) work. Almost none of my edits for a custom CSS is not working.
For instance, I copied the masslevel.css to my_masslevel.css and edited some classes there.
For example this:
.gr-button.gr-button-primary, .dark .gr-button, .dark .bg-gray-50, .bg-gray-50, .dark fieldset span.text-gray-500, .dark .gr-block.gr-box span.text-gray-500, .dark label.block span, /* container names */ label, .gr-form div /* number */ { background-image: transparent !important; background: 1; color: var(--ml-color-lightgrey); }

After applying and restart, nothing had changed. When I examine a button (.gr-button.gr-button-primary), the background is still 0 and var(--ml-color-lightgrey) says "... was not set". But obviously it is set in the css.
It looks like, the stylesheet wasn't loaded. Or whatever happend. That's the point where I ask myself, how is this working, when is the custom css inserted ... ?

Could anyone shed some light on this, please?

i think your class="flex row w-full flex-wrap gap-4" works great, please add it, thanks

"sd-web-ui-quickcss" is not compatible with "PromptHub" extension, when I don't install "sd-web-ui-quickcss ", "PromptHub" can be displayed normally

Here is the link to PromptHub, I like both extensions and hope they are compatible with each other
https://github.com/Zetaphor/PromptHub

@Nacurutu
It's a bit tricky. For every component I auto-generate, I'll need to convert to a

shared.opts.add_option("title", SharedOptionInfo(default_val, "Description", <insert component type here>, {dictionary for initial values}, section=(name in webui's configs, SETTINGS TAB NAME)))

This means I would lose control of assigning my functions/event handlers. I will have to rewrite the entire interface. It will try to handle saving and reloading, so I would have to override it, since we load from css, with some, we'll eventually have our own save files.

I'm not sure what's the best way to handle these yet.

@Nacurutu
I see comments of people mentioning they want either, sortable tabs, hideable tabs, or collapsible tabs.
So I put together a rudimentary collapsible.
Some might not want this option, so it should probably be a toggleable option.

Not collapsed:

Collapsed:

Limit the tab sections to just the main tabs, or do all:

Can't use the Extension with this themes, probably some part of the code is blocking the openOutpaint view with a black color.

Note the scroll bar on the right. Cards shown on the top. But other settings are shown on the bottom. There is a huge blank area in the middle.

This is the style I used, and it works good before today's upgrade.

/* TI - HN - LoRa Cards - Checkpoints*/

/*----------------------------------------------------------------*/

#tabs .tabitem .card{
  width: calc(3px *var(50)); 
  height: calc(4.48px *var(50)); 
  min-width: 50px !important; 
  min-height: 74.6px !important; 
  font-size: 60%; 
  text-align: center; 
  transition: all 0.1s ease-in-out; 
  border-width: 1px; 
}

#tabs .tabitem .card:hover {
  border-width: 3px ;
}

/* extra-network-cards */
#tabs .tabitem .extra-network-cards{
  display: grid; 
  grid-template-columns: repeat(auto-fit, minmax(137px, 1fr)); 
  margin: 3px; 
  justify-items: space-around; 
  align-items: space-around; 
}

.container > *:last-child {
  grid-column: 1 / -1;
}

.container::after {
  content: ""; 
  visibility: hidden; 
}

@Nacurutu
I can't promise to devote time to it yet, I might have a couple of days between April 25th and May 1st, to attempt a parital rewrite.
In the meantime, I might be able to squeeze in a few fixes. What seem to be the most pressing issues that need addressed sooner?

Also. We can probably put together a checklist of things that should be in a rewrite.