Skip to content

Commit 045c0f1

Browse files
committed
Dim assistant prose body text in dark mode
The prose body used gray-300 (#d4d4d4) in dark mode, which read slightly too bright. Gray-400 (#a3a3a3) is too dim a jump, so mix the two for a half-step (~#bcbcbc). Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_013nt5HnqeFaD7cd7XhzgW55
1 parent b78c425 commit 045c0f1

1 file changed

Lines changed: 3 additions & 1 deletion

File tree

src/styles/main.css

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -150,7 +150,9 @@ body {
150150
--tw-prose-pre-bg: var(--color-gray-800);
151151
--tw-prose-th-borders: var(--color-gray-300);
152152
--tw-prose-td-borders: var(--color-gray-200);
153-
--tw-prose-invert-body: var(--color-gray-300);
153+
/* gray-300 reads too bright for body text on dark backgrounds, but gray-400 is
154+
too dim — split the difference (~#bcbcbc). */
155+
--tw-prose-invert-body: color-mix(in srgb, var(--color-gray-300) 50%, var(--color-gray-400));
154156
--tw-prose-invert-lead: var(--color-gray-400);
155157
--tw-prose-invert-counters: var(--color-gray-400);
156158
--tw-prose-invert-bullets: var(--color-gray-600);

0 commit comments

Comments
 (0)