Skip to content

fix: improve Catppuccin Mocha owner comment contrast#8776

Closed
VedantMadane wants to merge 1 commit intoFreeTubeApp:developmentfrom
VedantMadane:fix/catppuccin-contrast
Closed

fix: improve Catppuccin Mocha owner comment contrast#8776
VedantMadane wants to merge 1 commit intoFreeTubeApp:developmentfrom
VedantMadane:fix/catppuccin-contrast

Conversation

@VedantMadane
Copy link

@VedantMadane VedantMadane commented Mar 10, 2026

Summary

Owner comments in the Catppuccin Mocha theme had insufficient color contrast. The highlight used \secondary-card-bg-color\ (#1e1e2e) which had only 1.07:1 contrast with \card-bg-color\ (#181825), making the uploader's username barely distinguishable.

Changes

  • Add theme-specific override for .commentOwner\ in Catppuccin Mocha
  • Use Surface1 (#45475a) from the Catppuccin Mocha palette for the owner comment highlight
  • Improves highlight visibility to 1.92:1 contrast with the card background
  • Maintains text readability at 6.30:1 (WCAG AA pass)

Note: Achieving 4.5:1 contrast between the two background colors while keeping text readable would require a lighter highlight that would fail text contrast. This fix provides the best balance—significantly improved visibility while preserving accessibility for the text.

…pp#6597)

Owner comment highlight used secondary-card-bg-color (#1e1e2e) which
had only 1.07:1 contrast with card-bg-color (#181825). Add theme-specific
override using Surface1 (#45475a) for improved visibility (1.92:1) while
maintaining text readability (6.30:1).

Made-with: Cursor
@github-actions github-actions bot added the PR: waiting for review For PRs that are complete, tested, and ready for review label Mar 10, 2026
@FreeTubeBot FreeTubeBot enabled auto-merge (squash) March 10, 2026 12:01
@absidue absidue closed this Mar 10, 2026
auto-merge was automatically disabled March 10, 2026 13:02

Pull request was closed

@FreeTubeApp FreeTubeApp locked and limited conversation to collaborators Mar 10, 2026
@absidue absidue added the AI-PR PR that has been determined to be completely or majority untested and AI generated label Mar 10, 2026
@github-actions github-actions bot removed the PR: waiting for review For PRs that are complete, tested, and ready for review label Mar 10, 2026
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

AI-PR PR that has been determined to be completely or majority untested and AI generated

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants