Kitchen Stable Diffusion WebUI

Kitchen Theme for AUTOMATIC1111/stable-diffusion-web-ui

English | 简体中文

⚠️⚠️⚠️ Warning: minimum requirements gradio-3.23.0 & sd-webui 4c1ad74

✨ 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

⚒️ Recommended Settings

Kitchen WebUI Setting

top right ⚙ icon in header

• Sidebar default width: 280
• Enable ExtraNetwork Sidebar: true
• ExtraNetwork Sidebar default Width: 340
• ExtraNetwork default card size: 86

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

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

🔗 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