README.md

metadata

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)

pip install gradio Pillow

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:

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