Custom Theme.
 
 
 
Go to file
canisminor1990 6e98494674 🐛 fix: prompt editor sync [#56] 2023-05-05 18:09:52 +08:00
.github 💚 ci: fix 2023-04-26 11:47:53 +08:00
.husky 🐛 fix: prompt editor sync [#56] 2023-05-05 18:09:52 +08:00
assets 🐛 fix: extra network card mode and overlay setting fixed #42, #43 2023-04-22 19:01:23 +08:00
javascript 🐛 fix: prompt editor sync [#56] 2023-05-05 18:09:52 +08:00
src 🐛 fix: prompt editor sync [#56] 2023-05-05 18:09:52 +08:00
utils feat: support light/dark mode 2023-04-15 00:18:38 +08:00
.changelogrc.js 🚀 chore: update stuff 2023-04-08 23:57:52 +08:00
.editorconfig 🚀 chore: update stuff 2023-04-08 23:57:52 +08:00
.eslintignore ⚰️ chore: remove gulp 2023-04-19 00:30:44 +08:00
.eslintrc.js 🚀 chore: update stuff 2023-04-08 23:57:52 +08:00
.gitignore 🐛 fix: prompt editor sync [#56] 2023-05-05 18:09:52 +08:00
.npmrc 💚 fix: ci 2023-04-09 00:09:19 +08:00
.prettierignore 🙈 chore: update prettierrc ignore 2023-04-22 01:54:56 +08:00
.prettierrc 🚀 chore: update stuff 2023-04-08 23:57:52 +08:00
.releaserc.js Update .releaserc.js 2023-04-09 00:20:23 +08:00
.stylelintrc.js 🚀 chore: update 2023-04-25 01:34:52 +08:00
.umirc.ts 🚀 chore: update 2023-04-25 01:34:52 +08:00
CHANGELOG.md 🔖 chore(release): v1.7.0 [skip ci] 2023-04-26 03:50:45 +00:00
LICENSE 🚀 chore: update stuff 2023-04-08 23:57:52 +08:00
README-zh_CN.md 🤖 docs: Auto update contributors 2023-04-27 01:02:52 +00:00
README.md 🤖 docs: Auto update contributors 2023-04-27 01:02:52 +00:00
commitlint.config.js 🚀 chore: update 2023-04-25 01:34:52 +08:00
package.json 🔖 chore(release): v1.7.0 [skip ci] 2023-04-26 03:50:45 +00:00
style.css 🐛 fix: firefox scroll fixed [47] 2023-04-26 10:57:05 +08:00
tsconfig-check.json 🚀 chore: update stuff 2023-04-08 23:57:52 +08:00
tsconfig.json 🔨 chore: add react layout 2023-04-19 20:36:53 +08:00
typings.d.ts 🚀 chore: update stuff 2023-04-08 23:57:52 +08:00

README.md

Kitchen Stable Diffusion WebUI

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
Chrome
Edge
Edge
Safari
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

Kitchen WebUI Setting

top right ⚙ icon in header

  • Sidebar
    • Default expand: true
    • Default width: 280
  • ExtraNetwork Sidebar
    • Enable: true
    • Default expand: true
    • 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

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:

Open in Gitpod

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: 5


🔗 Credits