Repository navigation
Fix unreadable initial heading in the State overview demo in dark mode - #7681
Conversation
The example cycled from a hard-coded black, which is near-invisible on the dark theme card. Start from the theme's foreground color instead. Claude-Session: https://claude.ai/code/session_01LwJUCUDZhZY71q8Azr37BQ
[Low impact] The PR appears safe to merge, with no outstanding actionable findings. SummaryChanges the State overview demo’s starting color from black to
Reviews (5) · Last reviewed commit: "Isolate the State overview test's state ..." · Reviewed by Greptile |
There was a problem hiding this comment.
All reported issues were addressed across 1 file (changes from recent commits).
Reply with feedback, questions, or to request a fix.
View guided diff | Turn on auto-fix | Re-trigger cubic
Merging this PR will improve performance by 7.81%2 warnings
Performance Changes
Tip Curious why performance improved? Comment Comparing |
Keeps the demo's state class from colliding with the one test_docgen_double_eval registers for the real page. Claude-Session: https://claude.ai/code/session_01LwJUCUDZhZY71q8Azr37BQ
|
Validated in the docs app running locally on this branch. The "Welcome to Reflex!" heading is readable in dark mode: Generated by Claude Code |

Type of change
Description
The State overview example cycles the "Welcome to Reflex!" heading through a list of colors starting at a hard-coded black, which is near-invisible on the dark theme card (DOC-F02 in the daily bug report, ~1.3:1 contrast). The list now starts from the theme foreground color
var(--gray-12), so the initial state reads in both themes while the demo still shows the same click-to-cycle behavior.https://claude.ai/code/session_01LwJUCUDZhZY71q8Azr37BQ
Generated by Claude Code