# `PhiaUi.Themes.Slate`
[🔗](https://github.com/charlenopires/PhiaUI/blob/v0.1.17/lib/phia_ui/themes/slate.ex#L1)

The **Slate** color preset — cool blue-grey.

## Design language

Slate is a cooler, more saturated variant of Zinc. Where Zinc uses near-zero
chroma (barely tinted grey), Slate has noticeably more chroma (C ≈ 0.028–
0.046) concentrated in the blue-indigo range (hue angle ~260–265°). The
result is a palette that reads as a refined dark blue-grey — sophisticated,
calm, and serious.

Use Slate when you want:

- A professional palette with more personality than pure neutral grey.
- A look that pairs well with blue or indigo accent elements.
- An alternative to Zinc for teams that find Zinc too "warm".

## Slate vs Zinc

Both Slate and Zinc are neutral-dark presets, but they differ in one key way:

- **Zinc** (H ≈ 285°, C ≈ 0.004) — slightly warm grey with almost no hue.
- **Slate** (H ≈ 262–265°, C ≈ 0.028–0.046) — distinctly cool blue-grey
  with enough chroma to read as a colour-tinted neutral.

## Color values

All values are encoded in **OKLCH** (CSS Color Level 4). The three numeric
arguments are:

- **L** — perceived lightness, 0 (black) to 1 (white)
- **C** — chroma (color saturation), 0 = achromatic grey
- **H** — hue angle in degrees (0 = red, 120 = green, 240 = blue)

The dark-mode background `oklch(0.13 0.028 261.692)` is slightly darker and
more saturated than Zinc's, giving dark-mode UIs a distinctly "dark slate"
character rather than a plain dark grey.

## Radius

Uses `0.5rem` (8px at 16px base font) — a standard, precise radius that
complements the structured feel of the slate palette.

# `theme`

```elixir
@spec theme() :: PhiaUi.Theme.t()
```

Returns the Slate theme preset struct.

## Example

    iex> theme = PhiaUi.Themes.Slate.theme()
    iex> theme.name
    "slate"
    iex> theme.radius
    "0.5rem"

---

*Consult [api-reference.md](api-reference.md) for complete listing*