Radical simplification. Only --text changes per theme. Links, buttons, code blocks all follow text. Callouts are shared warm. No "brand color" concept at all.
Body text in Lora with a link that matches the text โ only the amber underline signals it's clickable. Bold and italic for emphasis.
Shared callout โ same warm background across all themes. Only the text color changes.
/* That's it. One variable per theme. */
--text: #3d1230; /* dark plum */
Body text in Lora with a link that matches the text โ only the amber underline signals it's clickable. Bold and italic for emphasis.
Shared callout โ same warm background across all themes. Only the text color changes.
/* That's it. One variable per theme. */
--text: #6b2710; /* warm sienna */
Body text in Lora with a link that matches the text โ only the amber underline signals it's clickable. Bold and italic for emphasis.
Shared callout โ same warm background across all themes. Only the text color changes.
/* That's it. One variable per theme. */
--text: #1a1a1a; /* pirate ink */