Repository files navigation

Kitchen Theme

Kitchen Theme for Stable Diffusion WebUI

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

• 🌈 Supports light and dark themes with switch button.
• 🪄 Supports Prompt formatting.
• 🎛️ Quick Setting in draggable sidebar.
• 🎨 Based on Antd CSS Token.

Chrome	Edge	Safari
last 2 versions	last 2 versions	last 2 versions

⚠️ There is currently a known compatibility issue with styles on Firefox browser.

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, yourwebui-user.bat should include:

set COMMANDLINE_ARGS= --theme=dark

Alternatively, you can switch directly through URL Props:

http://localhost:7860/?__theme=lighthttp://localhost:7860/?__theme=dark

⚠️ Warning: minimum requirements gradio-3.23.0 & sd-webui4c1ad74

👉 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

• thumbs
• width: 86
• height: 128

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

👉 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>

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

📊 Total:6

• stable-diffusion-webui：https://github.com/AUTOMATIC1111/stable-diffusion-webui
• gradio-theme-gallery:https://huggingface.co/spaces/gradio/theme-gallery
• before1.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

Copyright © 2023CanisMinor.
This project isMIT licensed.