# Utility classes are generated at build time by encre-css (a Rust
# implementation of Tailwind). build.rs scans src/ and assets/*.js.

[theme]
# Themes switch light and dark mode with a `dark` class on <html>; see
# src/themes.rs and assets/theme.js.
dark_mode = { class = ".dark" }

[theme.colors]
# Colours come from the active theme (src/themes.rs), as CSS variables.
# Sideporch's own theme: painted porch floorboards for the sidebar and
# primary buttons (floor), porch-ceiling "haint blue" for highlights
# (haint), and the porch light for unread markers (lamp).
floor = "var(--floor)"
floor-2 = "var(--floor-2)"
floor-3 = "var(--floor-3)"
haint = "var(--haint)"
haint-2 = "var(--haint-2)"
lamp = "var(--lamp)"
ink = "var(--ink)"
muted = "var(--muted)"
line = "var(--line)"
screen = "var(--screen)"
white = "var(--white)"
night = "var(--night)"
night-2 = "var(--night-2)"
night-line = "var(--night-line)"

[shortcuts]
btn = "inline-flex items-center justify-center gap-2 rounded-lg bg-floor px-4 py-2 font-semibold text-white hover:bg-floor-2 disabled:opacity-60 dark:bg-haint dark:text-night dark:hover:bg-haint-2"
btn-quiet = "inline-flex items-center justify-center gap-2 rounded-lg border border-line px-3 py-1.5 font-medium text-ink hover:bg-screen dark:border-night-line dark:text-haint-2 dark:hover:bg-night-2"
field = "block w-full rounded-lg border border-line bg-white px-3 py-2 text-ink placeholder:text-muted focus:border-floor-3 dark:border-night-line dark:bg-night dark:text-haint-2"
field-label = "mb-1 block text-sm font-semibold text-ink dark:text-haint-2"