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