# Theme Proof: Interaction + Ochre

## What this page proves

This is a full page in the Interaction direction (cool grey ground, grotesk type, dark code blocks) with the ochre family. The same dark code panel and cool ground as `vignette("interaction")`, but the accents — links, the nested-square marker, the syntax-accent rule, and the plot palette — are ochre rather than lapis. Direction sets the mood; family sets the hue.

> TIP: On the dark code ground, the syntax token colours adapt automatically so code stays legible regardless of the family.

## Code on a dark ground

    albersdown::albers_palette("ochre")
    #>      A900      A700      A500      A300
    #> "#6F5200" "#8B6700" "#B48900" "#D7A700"

Inline code such as `theme_albers(preset = "interaction")` stays a light chip so it reads inside the body text.

## A table

    knitr::kable(
      head(mtcars[, c("mpg", "wt", "hp", "cyl")]),
      caption = "Ochre accents on the table header rule, cool ground."
    )

Ochre accents on the table header rule, cool ground.
| mpg | wt | hp | cyl
--- | --- | --- | --- | ---
Mazda RX4 | 21.0 | 2.620 | 110 | 6
Mazda RX4 Wag | 21.0 | 2.875 | 110 | 6
Datsun 710 | 22.8 | 2.320 | 93 | 4
Hornet 4 Drive | 21.4 | 3.215 | 110 | 6
Hornet Sportabout | 18.7 | 3.440 | 175 | 8
Valiant | 18.1 | 3.460 | 105 | 6

## A plot on the matching ground

    ggplot(mtcars, aes(wt, mpg, colour = factor(cyl))) +
      geom_point(size = 2.3) +
      albersdown::scale_color_albers(family = params$family) +
      labs(
        title = "Fuel efficiency vs. weight",
        subtitle = "Interaction ground with ochre accents",
        x = "Weight (1000 lbs)", y = "MPG", colour = "Cylinders"
      )