# Theming

The shared theme defines semantic canvas, surface, ink, line, focus, status,
and fruit-family values. Components consume those roles instead of embedding
page-specific colors.

## Current browser-local builder

The theme builder at https://gummyui.dev/themes edits light and dark colors,
typography, shape, border width, shadow strength, canvas patterns, pattern
opacity, and five chart roles. It previews real components, resets to local
defaults, copies plain CSS, and encodes shareable configuration in the URL.
It does not upload theme configuration to a server.

Apply the dark environment with:

```html
<html data-theme="dark">
```

Install the base tokens with:

```sh
npx shadcn@latest add https://gummyui.dev/r/gummy-base.json
```

## Licence and source boundary

Gummy UI's public component source and documentation are MIT licensed.
This Markdown namespace exposes only public catalogue facts, public source
locations, and public registry URLs. Separate paid assets are not included
and cannot be inferred from these documents.

Canonical Markdown: https://gummyui.dev/docs/markdown/guides/theming.md
