Kitchen Theme

Kitchen Theme for Stable Diffusion WebUI

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

Table of contents

TOC

• ✨ Features
• 🖥 Environment Support
• 📦 Installation
• ⚒️ Recommended Settings
• 🪄 Prompt formatting
• ⌨️ Local Development
• 🤝 Contributing
• 🔗 Credits

✨ 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

---

📝 License

Copyright © 2023 CanisMinor.
This project is MIT licensed.