search

lobehub / sd-webui-lobe-theme

🅰️ Lobe theme - The modern theme for stable diffusion webui, exquisite interface design, highly customizable UI, and efficiency boosting features.
https://github.com/AUTOMATIC1111/stable-diffusion-webui
GNU Affero General Public License v3.0
2.38k stars 221 forks source link

How do we customize? #25

Closed bbecausereasonss closed 1 year ago

bbecausereasonss commented 1 year ago

I want to change a few colors, buttons/highlights, font colors? Where can we do this? Thanks!

bbecausereasonss commented 1 year ago

Also is there a way to wrap the top options panels? Mine don't wrap like in the original UI, and I have a bunch of extra settings that now require a very long window to see.

applesugarai commented 1 year ago

Also is there a way to wrap the top options panels? Mine don't wrap like in the original UI, and I have a bunch of extra settings that now require a very long window to see.

Same here. Otherwise I really like the theme. I just can't use it easily without being able to do this.

Bodzijun commented 1 year ago

You can also add the ability to drag and drop extension tabs (both in the interface header and directly in the application window to organize the functionality)

prescience-data commented 1 year ago

You can edit extensions/sd-web-ui-kitchen-theme/theme/style.css (or use the .less files in the repo to regenerate it). If you aren't familiar with editing CSS directly, you can give ChatGPT a fairly unstructured dump of theme colors, and then provide the raw content from style.css and it will do an "ok" job of replacement.

Tip: Do not delete the original css, just add your overrides to the end of the file.

Prompt

We will be designing an "antd" CSS theme. I will provide a table of the theme colours, and then the existing CSS. You will use the theme colors to replace those in the existing CSS. Do not modify or add any CSS elements or properties other than colors. Type "..." if you understand.

Note, you'll need to slice the theme in to just the :root and .dark { } colors, otherwise you'd exceed maximum token length. Additionally, it will likely crash out and you will need to use supplementary prompts like please continue from "--color-text-on-primary:" etc.

github-actions[bot] commented 1 year ago

Since the issue was labeled with ✅ Fixed, but no response in 3 days. This issue will be closed. If you have any questions, you can comment and reply.

由于该 issue 被标记为已修复，同时 3 天未收到回应。现关闭 issue，若有任何问题，可评论回复。