style: yellow prose text, blue links/interactive

- Set --tw-prose-body to Gruvbox yellow (#b57614 light, #ebdbb2 dark)
  so article text has warm yellow tone like brennan.day
- Revert accent palette back to Gruvbox blue (#076678 / #83a598)
  for links, focus rings, and interactive elements

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
svemagie
2026-03-19 15:34:31 +01:00
parent 498da21ec0
commit d2be48e295
3 changed files with 36 additions and 32 deletions

View File

@@ -30,19 +30,19 @@ export default {
900: "#282828",
950: "#1d2021",
},
// Gruvbox yellow — links, interactive, CTAs, focus rings
// Gruvbox blue — links, interactive, CTAs, focus rings
accent: {
50: "#fdf8e1",
100: "#faefc0",
200: "#f5db7a",
300: "#efc843",
400: "#d79921",
500: "#b57614",
600: "#926208",
700: "#7a5207",
800: "#634306",
900: "#4d3505",
950: "#3a2804",
50: "#e8f4f6",
100: "#c8dfe4",
200: "#97c5cf",
300: "#6aabb9",
400: "#458588",
500: "#076678",
600: "#065a6b",
700: "#054d5c",
800: "#04404d",
900: "#03333e",
950: "#022730",
},
},
fontFamily: {
@@ -78,6 +78,8 @@ export default {
typography: (theme) => ({
DEFAULT: {
css: {
"--tw-prose-body": "#b57614",
"--tw-prose-headings": "#3c3836",
"--tw-prose-links": theme("colors.accent.500"),
maxWidth: "none",
},
@@ -90,6 +92,8 @@ export default {
},
invert: {
css: {
"--tw-prose-body": "#ebdbb2",
"--tw-prose-headings": "#fbf1c7",
"--tw-prose-links": theme("colors.accent.400"),
},
},