---
title: AurieaWorldwideStyle
created: 2026-11-06 11:17
updated: 2026-11-06 13:21
revision: 2
author: Auriea
summary: "the look of Auriea Worldwide, as one stylesheet any page can wear"
---

[[css]]

The look of [[AurieaWorldwide]] and every page under it: a black ground, IBM Plex, quiet tables. A page wears it with one line, `[[style:AurieaWorldwideStyle]]`. Edit the CSS below and every page wearing it changes at once. It replaces the `[[color:#C9CBC4|#EDEDE8]]`, `[[background:none|#000000]]` and `<style>` block that each page used to carry.

```css
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,400;0,500;0,600;1,400&family=IBM+Plex+Mono:wght@400;500&display=swap");

/* The colours: what [[color:#C9CBC4|#EDEDE8]] gave each page — the words
   C9CBC4, the headings and links EDEDE8, the quieter tones mixed from the
   words — and the mark turned light. The black ground is the html, body rule. */
:root, :root[data-ground] {
  --body: #C9CBC4; --ink: #EDEDE8; --link: #EDEDE8;
  --quiet: color-mix(in srgb, #C9CBC4 78%, transparent);
  --accent: color-mix(in srgb, #C9CBC4 78%, transparent);
  --faint: color-mix(in srgb, #C9CBC4 62%, transparent);
  --line: color-mix(in srgb, #C9CBC4 42%, transparent);
  --hair: color-mix(in srgb, #C9CBC4 20%, transparent);
  color-scheme: dark;
}
:root[data-ground] nav .mark { filter: invert(1); }

html, body { background: #000 !important; }
body { color: #C9CBC4; font-family: "IBM Plex Sans", Inter, "Helvetica Neue", Arial, sans-serif; }
h1, h2, h3 { font-family: "IBM Plex Sans", Inter, Arial, sans-serif; font-weight: 600; color: #EDEDE8; letter-spacing: -0.01em; }
h2 { padding-top: 0.8em; border-top: 1px solid #262A28; }
a { color: #8DB8F0; text-underline-offset: 2px; }
strong, b { color: #EDEDE8; font-weight: 600; }
table { border-collapse: collapse; width: 100%; font-size: 14px; line-height: 1.45; border: 1px solid #262A28; }
th { font: 500 11px/1.3 "IBM Plex Mono", ui-monospace, Menlo, monospace; text-transform: uppercase; letter-spacing: 0.08em; color: #A3A69F; text-align: left; padding: 10px 12px; background: #0b0c0c; border-bottom: 1px solid #262A28; }
td { padding: 10px 12px; border-bottom: 1px solid #1c1f1e; vertical-align: top; }
td:first-child { color: #EDEDE8; font-weight: 500; }
em { color: #A3A69F; }
.toc { background: #0b0c0c !important; color: #C9CBC4 !important; border: 1px solid #262A28 !important; }
.toc a { color: #8DB8F0 !important; }
```

[[tag:ai]]
[[tag:css]]