⚠️ Maintenance Mode
Kitchen Theme has moved into maintenance mode!
Recommend using Lobe Theme for more custom features
Kitchen Theme
Kitchen Theme for Stable Diffusion WebUI
English · [简体中文](./README-zh_CN.md) · [Changelog](./CHANGELOG.md) · [Report Bug][issues-url] · [Request Feature][issues-url]
[![release][release-shield]][release-url]
[![releaseDate][release-date-shield]][release-date-url]
[![ciTest][ci-test-shield]][ci-test-url]
[![ciRelease][ci-release-shield]][ci-release-url]
[![contributors][contributors-shield]][contributors-url]
[![forks][forks-shield]][forks-url]
[![stargazers][stargazers-shield]][stargazers-url]
[![issues][issues-shield]][issues-url]
Table of contents
#### TOC
- [✨ Features](#-features)
- [🖥 Environment Support](#-environment-support)
- [📦 Installation](#-installation)
- [⚒️ Recommended Settings](#️-recommended-settings)
- [🪄 Prompt formatting](#-prompt-formatting)
- [⌨️ Local Development](#️-local-development)
- [🤝 Contributing](#-contributing)
- [🔗 Credits](#-credits)
####
## ✨ Features
- 🌈 Supports light and dark themes with switch button.
- 🪄 Supports Prompt formatting.
- 🎛️ Quick Setting in draggable sidebar.
- 🎨 Based on Antd CSS Token.
[![][back-to-top]](#readme-top)
## 🖥 Environment Support
| [
](http://godban.github.io/browsers-support-badges/)
Chrome | [
](http://godban.github.io/browsers-support-badges/)
Edge | [
](http://godban.github.io/browsers-support-badges/)
Safari |
| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| last 2 versions | last 2 versions | last 2 versions |
> ⚠️ There is currently a known compatibility issue with styles on Firefox browser.
[![][back-to-top]](#readme-top)
## 📦 Installation
As an extension (recommended)
Either clone the repo into your extensions folder:
```shell
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:
```shell
set COMMANDLINE_ARGS= --theme=dark
```
Alternatively, you can switch directly through URL Props:
```shell
http://localhost:7860/?__theme=light
http://localhost:7860/?__theme=dark
```
> ⚠️ Warning: minimum requirements gradio-3.23.0 & sd-webui [4c1ad74](https://github.com/AUTOMATIC1111/stable-diffusion-webui/commit/4c1ad743e3baf1246db0711aa0107debf036a12b)
[![][back-to-top]](#readme-top)
## ⚒️ 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
```txt
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
```
[![][back-to-top]](#readme-top)
## 🪄 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
```text
photorealistic photo of a handsome male (wizard :1.2）， short beard, white wizard shirt, (with golden trim:0.8),
```
After
```text
photorealistic photo of a handsome male, (wizard:1.2), short beard, white wizard shirt, (with golden trim:0.8), ,
```
[![][back-to-top]](#readme-top)
## ⌨️ Local Development
You can use Gitpod for online development:
[][gitpod-url]
Or clone it for local development:
```bash
$ git clone https://github.com/canisminor1990/sd-web-ui-kitchen-theme.git
$ cd sd-web-ui-kitchen-theme
$ npm install
$ npm start
```
[![][back-to-top]](#readme-top)
## 🤝 Contributing
> 📊 Total: **7**
[![][back-to-top]](#readme-top)
## 🔗 Credits
- stable-diffusion-webui：
- gradio-theme-gallery:
- _before `1.0.0` version_
- sd-web-ui-quickcs:
- Dark-Themes-SD-WebUI-Automatic1111:
[![][back-to-top]](#readme-top)
---
#### 📝 License
Copyright © 2023 [CanisMinor][profile-url].
This project is [MIT](./LICENSE) licensed.
[profile-url]: https://github.com/canisminor1990
[gitpod-url]: https://gitpod.io/#https://github.com/canisminor1990/sd-webui-kitchen-theme
[back-to-top]: https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square
[release-shield]: https://img.shields.io/github/v/release/canisminor1990/sd-web-ui-kitchen-theme?style=flat&sort=semver&logo=github
[release-url]: https://github.com/canisminor1990/sd-web-ui-kitchen-theme/releases
[release-date-shield]: https://img.shields.io/github/release-date/canisminor1990/sd-web-ui-kitchen-theme?style=flat
[release-date-url]: https://github.com/canisminor1990/sd-web-ui-kitchen-theme/releases
[ci-test-shield]: https://github.com/canisminor1990/sd-web-ui-kitchen-theme/workflows/Test%20CI/badge.svg
[ci-test-url]: https://github.com/canisminor1990/sd-web-ui-kitchen-theme/actions/workflows/test.yml
[ci-release-shield]: https://github.com/canisminor1990/sd-web-ui-kitchen-theme/workflows/Build%20and%20Release/badge.svg
[ci-release-url]: https://github.com/canisminor1990/sd-web-ui-kitchen-theme/actions/workflows/release.yml
[contributors-shield]: https://img.shields.io/github/contributors/canisminor1990/sd-web-ui-kitchen-theme.svg?style=flat
[contributors-url]: https://github.com/canisminor1990/sd-web-ui-kitchen-theme/graphs/contributors
[forks-shield]: https://img.shields.io/github/forks/canisminor1990/sd-web-ui-kitchen-theme.svg?style=flat
[forks-url]: https://github.com/canisminor1990/sd-web-ui-kitchen-theme/network/members
[stargazers-shield]: https://img.shields.io/github/stars/canisminor1990/sd-web-ui-kitchen-theme.svg?style=flat
[stargazers-url]: https://github.com/canisminor1990/sd-web-ui-kitchen-theme/stargazers
[issues-shield]: https://img.shields.io/github/issues/canisminor1990/sd-web-ui-kitchen-theme.svg?style=flat
[issues-url]: https://github.com/canisminor1990/sd-webui-kitchen-theme/issues/new/choose