Kitchen Theme

Kitchen Theme for Stable Diffusion WebUI

English · 简体中文 · Changelog · Report Bug · Request Feature

Table of contents

✨ 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
Sidebar
- Default expand: true
- Display mode: fixed | float
- Default width: 280
ExtraNetwork Sidebar
- Enable: true
- Default expand: true
- Display mode: fixed | float
- Default Width: 340
- 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

👉 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

mariodian/sd-webui-kitchen-theme