diff --git a/app/assets/tailwind/sure-design-system/prose.css b/app/assets/tailwind/sure-design-system/prose.css index 85b7892c0..68f6ad482 100644 --- a/app/assets/tailwind/sure-design-system/prose.css +++ b/app/assets/tailwind/sure-design-system/prose.css @@ -14,3 +14,11 @@ .prose:where([data-theme=dark], [data-theme=dark] *) thead th { color: theme(colors.white) !important; } + +/* Inline code in prose under dark mode. Without this the Tailwind Typography + plugin's default near-black foreground falls through and disappears against + the dark page background. */ +.prose:where([data-theme=dark], [data-theme=dark] *) code { + color: theme(colors.white) !important; + background-color: theme(colors.gray.800) !important; +}