Kitchen Theme
Kitchen Theme for Stable Diffusion WebUI
English · 简体中文 · Changelog · Report Bug · Request Feature
Table of contents
TOC
✨ Features
🌈 Supports light and dark themes with switch button.🪄 Supports Prompt formatting.🎛️ Quick Setting in draggable sidebar.🎨 Based on Antd CSS Token.
🖥 Environment Support
Chrome |
Edge |
Safari |
---|---|---|
last 2 versions | last 2 versions | last 2 versions |
⚠️ There is currently a known compatibility issue with styles on Firefox browser.
📦 Installation
As an extension (recommended) Either clone the repo into your extensions folder:
git clone "https://github.com/canisminor1990/sd-web-ui-kitchen-theme" extensions/kitchen-theme
The current theme supports both light and dark themes. If you want to force dark mode, use the --theme=dark
argument to launch your WebUI. For example, on Windows, your webui-user.bat
should include:
set COMMANDLINE_ARGS= --theme=dark
Alternatively, you can switch directly through URL Props:
http://localhost:7860/?__theme=light
http://localhost:7860/?__theme=dark
⚠️ Warning: minimum requirements gradio-3.23.0 & sd-webui 4c1ad74
⚒️ Recommended Settings
Kitchen WebUI Setting
👉 Tip: top right⚙
icon in header
- Prompt Textarea
- Display mode:
scroll
|resizable
- Display mode:
- Sidebar
- Default expand:
true
- Display mode:
fixed
|float
- Default width:
280
- Default expand:
- ExtraNetwork Sidebar
- Enable:
true
- Default expand:
true
- Display mode:
fixed
|float
- Default Width:
340
- Default card size:
86
- Enable:
Extra-Networks
- thumbs
- width: 86
- height: 128
Quick-Setting
sd_model_checkpoint, sd_vae, CLIP_stop_at_last_layers, img2img_background_color, img2img_color_correction, samples_save, samples_format, grid_save, return_grid, n_rows, live_previews_enable, show_progress_every_n_steps, live_preview_refresh_period
🪄 Prompt formatting
👉 Tip: Convert full-width punctuation to half-width, remove extra spaces, add missing commas, and move the Extra-Networks model to the end.
Before
photorealistic photo of a handsome male (wizard :1.2), <lora:LuisapHotlineStyle:0.5> <lora:ElegantHanfuRuqunStyle:0.2> short beard, white wizard shirt, (with golden trim:0.8),
After
photorealistic photo of a handsome male, (wizard:1.2), short beard, white wizard shirt, (with golden trim:0.8), <lora:LuisapHotlineStyle:0.5>, <lora:ElegantHanfuRuqunStyle:0.2>
⌨️ Local Development
You can use Gitpod for online development:
Or clone it for local development:
$ git clone https://github.com/canisminor1990/sd-web-ui-kitchen-theme.git
$ cd sd-web-ui-kitchen-theme
$ npm install
$ npm start
🤝 Contributing
📊 Total: 6
🔗 Credits
- stable-diffusion-webui:https://github.com/AUTOMATIC1111/stable-diffusion-webui
- gradio-theme-gallery: https://huggingface.co/spaces/gradio/theme-gallery
- before
1.0.0
version- sd-web-ui-quickcs: https://github.com/Gerschel/sd-web-ui-quickcss/
- Dark-Themes-SD-WebUI-Automatic1111: https://github.com/Nacurutu/Dark-Themes-SD-WebUI-Automatic1111
📝 License
Copyright © 2023 CanisMinor.
This project is MIT licensed.