From 55eb54ba1044da6cd490b50b2d942392efd74caf Mon Sep 17 00:00:00 2001 From: Louis King Date: Tue, 21 Apr 2026 21:58:13 +0100 Subject: [PATCH] Fix markdown table borders in custom content pages Use DaisyUI v5 prose CSS custom properties (--tw-prose-td-borders, --tw-prose-th-borders, --tw-prose-quote-borders, --tw-prose-hr) instead of color-mix(in oklch, ..., transparent) which produced invisible borders due to oklch/transparent color space mismatch. --- src/meshcore_hub/web/static/css/app.css | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/meshcore_hub/web/static/css/app.css b/src/meshcore_hub/web/static/css/app.css index 25a4319..b65bfd9 100644 --- a/src/meshcore_hub/web/static/css/app.css +++ b/src/meshcore_hub/web/static/css/app.css @@ -246,7 +246,7 @@ } .prose blockquote { - border-left: 4px solid color-mix(in oklch, var(--color-base-content) 30%, transparent); + border-left: 4px solid var(--tw-prose-quote-borders); padding-left: 1rem; margin: 1rem 0; font-style: italic; @@ -260,19 +260,20 @@ .prose th, .prose td { - border: 1px solid color-mix(in oklch, var(--color-base-content) 20%, transparent); + border: 1px solid var(--tw-prose-td-borders); padding: 0.5rem; text-align: left; } .prose th { + border-color: var(--tw-prose-th-borders); background: var(--color-base-200); font-weight: 600; } .prose hr { border: none; - border-top: 1px solid color-mix(in oklch, var(--color-base-content) 20%, transparent); + border-top: 1px solid var(--tw-prose-hr); margin: 2rem 0; }