fix: brighten dark-mode section headers and bold markdown - #1378
Merged
Merged
Conversation
Sidebar date group headers (Today, Yesterday, ...) were one step darker than the session titles below them in dark mode; they now sit one step lighter (gray-300 over gray-400). Bold in assistant responses only changed weight in dark mode, because the bubble's gray-200 body is too close to white to leave room above it. Response prose now steps down to gray-300 while bold and headings step up to white; bold inside a link keeps the link color. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
What changed
Two dark-mode text-color tweaks. Light mode is unchanged.
Sidebar date headers (
session-list.html): the Today / Yesterday / Last 7 Days labels went fromdark:text-gray-500todark:text-gray-300. They had been one step darker than the session titles beneath them (gray-400), so they were the least visible text in the list. Now they sit one step lighter.Bold in assistant responses (
styles.css, the dark.message-blockblock):.message-block.text-block)gray-200(inherited from the bubble)gray-300stronggray-200, weight onlyh1–h6gray-200a stronginherit)Why
Bold only changed weight in dark mode, and a 400→600 weight step barely shows on a dark surface. Making bold white alone wasn't enough, because the bubble's
gray-200body is already nearly white. So the prose steps down one notch and bold/headings step up to white. Headings are included so the prose change doesn't dim them.Notes for review
.text-block(markdown text blocks). Tool rails, status lines and the rest of the assistant bubble keep the wrapper'sgray-200.gray-300on thegray-900bubble is still roughly 12:1 contrast, well above AA..message-blockis also used by the announcement preview and the skill detail page. Those don't carry.text-block, so only thestrong/heading brightening reaches them. Their bodies aregray-200/gray-300, so white bold still reads as a step up.gray-300,strongandh2white, headergray-300over titlegray-400.🤖 Generated with Claude Code