MulledClay

The whole site wears this page — "stylesheet": "MulledClay" in config.json. Mulled clay ground, cream ink, carnelian doors, a thread of lapis. Edit it and the wiki changes its clothes.

/* MulledClay — fired earth in shadow, jewels in the seams */

:root {
  --bg: #2c1e18;        /* mulled clay, the kiln gone cold */
  --ink: #eadac5;       /* unglazed porcelain */
  --quiet: #a58c73;     /* raw umber */
  --link: #d78e6a;      /* carnelian */
  --missing: #c26a55;   /* a door not yet fired */
  --hair: #46332a;      /* incised line */
  --accent: #8fa8d8;    /* lapis */
}

body {
  background:
    radial-gradient(140% 90% at 50% 0%, #33241c 0%, var(--bg) 58%, #241711 100%)
    fixed var(--bg);
}

nav { border-bottom-color: #3a2a21; }
nav .site { color: var(--ink); }

h1.pagetitle {
  color: #f0e2cd;
  letter-spacing: .01em;
}
h1.pagetitle::after {
  content: "";
  display: block;
  width: 3.5rem;
  border-bottom: 2px solid #7a3b2e;   /* garnet underline, a potter's mark */
  margin-top: .45rem;
}

a { color: var(--link); text-decoration-color: color-mix(in srgb, var(--link) 45%, transparent); }
a:hover { color: #e8b077; }           /* amber when warmed */
a.wikilink { border-bottom-color: #5a4030; }
a.wikilink:hover { border-bottom-color: var(--link); }

::selection { background: #5a2e26; color: #f4e8d6; }

blockquote { border-left-color: #7a3b2e; color: #bfa78d; }

pre, pre.source {
  background: #241711;
  border-color: #3a2a21;
}

img { border-radius: 1px; }
.wall img { box-shadow: 0 1px 6px rgba(0,0,0,.35); }

table.user td { border-color: #3a2a21; }
.calendar .month td.today { outline-color: #8fa8d8; }

footer { border-top-color: #3a2a21; }

/* the lightbox veil steeps in the same clay */
#lightbox { background: color-mix(in srgb, #241711 93%, transparent); }
#lightbox figure img { box-shadow: 0 10px 50px rgba(0, 0, 0, .6); }