File size: 1,750 Bytes
a1c4bf6 c4823f8 a1c4bf6 9d8469d b60d126 a1c4bf6 c4823f8 a1c4bf6 c4823f8 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 | ---
title: Sage And Sand Neumorphic
emoji: 🌿
colorFrom: green
colorTo: yellow
sdk: gradio
sdk_version: 6.12.0
python_version: 3.13
app_file: app.py
pinned: false
license: mit
tags:
- gradio-theme
- neumorphic
- stable-diffusion
- automatic1111
short_description: Warm earthy neumorphic Gradio theme for SD WebUI
---
# 🌿 Sage & Sand — Neumorphic Gradio Theme
A warm, soft-extruded neumorphic theme for Gradio / AUTOMATIC1111 Stable Diffusion WebUI,
built from a five-step earthy palette.
| Swatch | Hex | Role |
|--------|-----|------|
| 🟫 | `#D4A373` | Page background & shadow base |
| 🟨 | `#FAEDCD` | Warm parchment panels |
| 🟡 | `#FEFAE0` | Ivory cream inputs |
| 🟢 | `#E9EDC9` | Pale sage accents |
| 🟩 | `#CCD5AE` | Sage green primary |
---
## Quick install (standalone Gradio project)
```python
pip install gradio Pillow
```
```python
from theme import SageAndSandNeumorphic, NEUMORPHIC_CSS
import gradio as gr
with gr.Blocks(theme=SageAndSandNeumorphic(), css=NEUMORPHIC_CSS) as demo:
gr.Markdown("# Hello, Sage & Sand!")
gr.Textbox(label="Prompt")
gr.Button("Generate", variant="primary")
demo.launch()
```
---
## Install in AUTOMATIC1111
1. Copy `theme.py` into your A1111 root folder (next to `webui.py`).
2. Open `webui.py`, find the `gr.Blocks(...)` call, and add the import + theme:
```python
# Near the top of webui.py
from theme import SageAndSandNeumorphic, NEUMORPHIC_CSS
# Find the Blocks call (look for `shared.demo = `) and change it to:
shared.demo = gr.Blocks(
theme=SageAndSandNeumorphic(),
css=NEUMORPHIC_CSS + (existing_css or ""),
...
)
```
3. Restart the WebUI (`webui.sh` / `webui.bat`).
---
## License
MIT — use freely, attribution appreciated.
|