fix(markdown): strengthen dark table grid lines (#25653)

Strengthen only dark-mode table cell borders in Markdown Preview and the rich editor by mixing foreground into the existing border token. Keep light mode and table geometry unchanged.

Fixes #24982. Consolidates #24984, #25050, and #25653.

Co-authored-by: Paramon <andrii.paramonov@gmail.com>
Co-authored-by: kana001-bit <288527232+kana001-bit@users.noreply.github.com>
Co-authored-by: Neil <neil@stably.ai>
Co-authored-by: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
This commit is contained in:
Neil
2026-10-05 21:25:56 -07:00
committed by GitHub
co-authored by Paramon kana001-bit Neil Claude Opus 5.5
parent 5f7c8483e9
commit 3ee3a41b6f
2 changed files with 14 additions and 0 deletions
@@ -836,6 +836,13 @@
text-align: left;
}
/* Why: --border is ~7% white in dark mode, so table grid lines are nearly invisible;
mix in foreground (~15% total) while keeping the border token role. */
.dark .markdown-body th,
.dark .markdown-body td {
border-color: color-mix(in srgb, var(--foreground) 8%, var(--border));
}
.markdown-body th {
font-weight: 600;
font-size: 0.85em;
@@ -819,6 +819,13 @@
overflow-wrap: break-word;
}
/* Why: --border is ~7% white in dark mode, so table grid lines are nearly invisible;
mix in foreground (~15% total) while keeping the border token role. */
.dark .rich-markdown-editor th,
.dark .rich-markdown-editor td {
border-color: color-mix(in srgb, var(--foreground) 8%, var(--border));
}
.rich-markdown-editor th {
font-weight: 600;
background: color-mix(in srgb, var(--foreground) 4%, transparent);