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