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

The **Blue** color preset — enterprise blue with a vibrant primary.

## Design language

Blue uses a cool, corporate palette centred on a saturated cobalt blue
primary (hue angle ~263°, high chroma ~0.245). The accent and secondary
surfaces carry a subtle blue tint to reinforce the brand color without
overwhelming content.

Use Blue when you want:

- A trustworthy, professional feel common in SaaS, fintech, and enterprise
  applications.
- A strong, recognisable primary color that clearly identifies interactive
  elements.
- Good contrast with both white and near-black dark backgrounds.

## 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 primary color `oklch(0.546 0.245 262.881)` sits in the cobalt-blue
range. Its high chroma (0.245) makes it bold and immediately attention-
grabbing, while its lightness (L ≈ 0.55) keeps it accessible against both
white and dark backgrounds.

The foreground and background use a blue-tinted near-black / pure-white,
giving the light mode a very clean appearance with a subtle cool cast.

## Radius

Uses `0.5rem` (8px at 16px base font) — a standard, slightly sharp radius
that suits the precise, structured aesthetic of enterprise software.

# `theme`

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

Returns the Blue theme preset struct.

## Example

    iex> theme = PhiaUi.Themes.Blue.theme()
    iex> theme.name
    "blue"
    iex> theme.radius
    "0.5rem"

---

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