Skip to content

Fix dark mode text visibility and remove inaccurate blog section#53

Merged
Wenyueh merged 1 commit intomainfrom
fix/docs-dark-mode-and-blog-cleanup
Mar 23, 2026
Merged

Fix dark mode text visibility and remove inaccurate blog section#53
Wenyueh merged 1 commit intomainfrom
fix/docs-dark-mode-and-blog-cleanup

Conversation

@Wenyueh
Copy link
Copy Markdown
Collaborator

@Wenyueh Wenyueh commented Mar 23, 2026

Fix nearly invisible muted text in dark mode by changing --ao-text-muted from #3a3a37 to #9a9a95.

Fix nearly invisible muted text in dark mode by changing --ao-text-muted
from #3a3a37 to #9a9a95. This affects the homepage eyebrow label, stat
labels, and decorative rules. Also remove the "Budget Alternatives"
paragraph which incorrectly claimed every benchmark has a 10-100x cheaper
alternative (GPQA does not).

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Copilot AI review requested due to automatic review settings March 23, 2026 21:15
@Wenyueh Wenyueh merged commit cf7d5aa into main Mar 23, 2026
2 checks passed
@Wenyueh Wenyueh deleted the fix/docs-dark-mode-and-blog-cleanup branch March 23, 2026 21:15
Copy link
Copy Markdown

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR updates the documentation theme styling to improve muted-text readability in dark mode, and removes an inaccurate/undesired subsection from a technical blog post.

Changes:

  • Adjust --ao-text-muted color to increase contrast in dark mode.
  • Remove the “Budget Alternatives” subsection from the technical deep dive post.

Reviewed changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated 1 comment.

File Description
docs/stylesheets/extra.css Updates the muted text CSS variable used by the docs theme.
docs/blog/posts/technical-deep-dive.md Removes a short blog subsection before the “Get Started” section.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment on lines 11 to 14
--ao-text: #edede9;
--ao-text-secondary: #9a9a95;
--ao-text-muted: #3a3a37;
--ao-text-muted: #9a9a95;
--ao-accent: #9f98f0;
Copy link

Copilot AI Mar 23, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

--ao-text-muted is defined in :root, so it applies to both dark (slate) and light (default) schemes. Changing it to a light gray improves dark mode, but it will likely reduce contrast in light mode for elements that use var(--ao-text-muted) (e.g., .ao-eyebrow, .ao-stat-label) because there is no light-scheme override. Consider scoping the new muted value under [data-md-color-scheme="slate"] (or adding a [data-md-color-scheme="default"] override) so light mode keeps a darker muted color.

Copilot uses AI. Check for mistakes.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants