Conversation
- Add Catalogue.css with proper card layout and flexbox - Add CertifRecipe.css with certified recipe cards styling - Improve text contrast across all pages (#3D2E2A for readability) - Add placehold.co fallback images for missing recipe images - Add white backgrounds for ingredients/instructions sections - Remove vite.svg from public folder - Update color palette for better accessibility
devZenta
approved these changes
Feb 5, 2026
GARATONCODE
approved these changes
Feb 5, 2026
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
3 participants
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.
This pull request introduces a comprehensive visual refresh across the application, focusing on a modernized, cohesive color palette and improved layout for recipe-related pages. It also adds a new protected route for the Planning feature. The most notable changes include a full redesign of the Catalogue page and its cards, enhanced global and header styling, and consistent theming for recipe detail views.
Catalogue Page Redesign:
Cataloguepage (page.tsxand newCatalogue.css) is fully restyled with a new card layout, filter controls, badges, and improved empty state messaging. Cards now show images, meta info, and have a visually distinct style for custom recipes. [1] [2] [3] [4] [5] [6]Global and Header Styling Improvements:
index.css) now defines a custom color palette, lighter backgrounds, and improved contrast. Buttons, headings, links, and scrollbars are restyled for a more modern look. [1] [2]Header.css) has been updated for better spacing, gradients, active link highlighting, and improved navigation and user icon styles. Responsive adjustments are included for mobile. [1] [2] [3] [4]Recipe Detail Page Theming:
recipedetail.css) now matches the new theme, with softer backgrounds, updated tag colors, and improved image and link styling. [1] [2] [3]Routing and Feature Additions:
App.tsx, enabling access to this feature for authenticated users. [1] [2]These changes collectively provide a more unified and visually appealing user experience throughout the app.