Skip to content

fix(ombi): make Latte form and filter text readable - #733

Merged
GilbN merged 2 commits into
developfrom
fix/715-ombi-latte-text
Sep 14, 2026
Merged

GilbN merged 2 commits into
developfrom
fix/715-ombi-latte-text

Conversation

@GilbN

@GilbN GilbN commented Sep 14, 2026

Copy link
Copy Markdown
Collaborator

Fix unreadable genre and filter labels, the profile name, and Customization field labels and hints in Catppuccin Latte. Pair the selected filter's text and background colors and make field outlines visible.

Closes #715.

Verified through Ombi's saved Custom CSS setting on 4.53.4 with Chrome 142 and Firefox 155. Chrome checks covered Latte, Nord, Aquamarine, Hotline, hover, selection, field focus, and desktop/mobile layouts. Also checked Customization on stable 4.53.10. Local imports, theme generation, and Compose validation passed.

Development setup is in a separate commit. Remaining poster, sidebar-icon, and redesigned Discover contrast issues are recorded in dev/ombi/README.md. Native light mode, Safari, disabled fields, and validation-error states were not verified.

Screenshots show Ombi 4.53.4 at 1495 × 900. Public poster data changes between captures.

Screen Before After
Discover Discover before Discover after
Customization Customization before Customization after

Copilot AI lite review requested due to automatic review settings September 14, 2026 20:51
@GilbN
GilbN merged commit aa0aee9 into develop Sep 14, 2026
1 check passed

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

🟢 Approval recommended

No blocking issues were identified; remaining feedback is a minor documentation nit.

Pull request overview

This PR improves Ombi Catppuccin Latte readability for filters, profile text, and form fields, with local development and validation documentation.

Changes:

  • Improves filter, profile, label, hint, and outline colors.
  • Adds a local Ombi/CSS Compose setup.
  • Documents setup, testing, and known limitations.
File summaries
File Summary
dev/ombi/README.md Documents local development and verification.
dev/ombi/compose.yaml Defines the local Ombi and CSS services.
css/base/ombi/ombi-base.css Applies readability-focused UI styling.
Review details

Suppressed comments (1)

dev/ombi/README.md:12

  • This says the CSS service mounts the whole checkout, but compose.yaml only mounts ../../css, ../../resources, and ../serve.py read-only. Please describe the actual mounted paths so readers do not expect the rest of the checkout to be available in the container.
The CSS server uses http://localhost:18868 and mounts this checkout read-only.
  • Files reviewed: 3/3 changed files
  • Comments generated: 0
  • Review effort level: Lite

💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.

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