Skip to content

[Improve] Show Swiss flag red background on homepage#52

Draft
roo-code-bruno[bot] wants to merge 2 commits into
mainfrom
feature/homepage-background-blue-3q37aza2u2z5g
Draft

[Improve] Show Swiss flag red background on homepage#52
roo-code-bruno[bot] wants to merge 2 commits into
mainfrom
feature/homepage-background-blue-3q37aza2u2z5g

Conversation

@roo-code-bruno
Copy link
Copy Markdown

@roo-code-bruno roo-code-bruno Bot commented Apr 30, 2026

Opened on behalf of Bruno Bergher. View the task or mention @roo-code-bruno for follow-up asks.

What problem this solves

Resolves the requested homepage styling change on / so the main page background matches the Swiss flag red instead of the earlier blue follow-up color.

Why this change was made

The home page background already lived in a dedicated .home-page stylesheet rule, so this follow-up just updates that rule to the Swiss-flag red target while keeping the generated Tailwind build output out of the change.

User impact

Users now see a Swiss-red background behind the main homepage content as soon as they open the app root page.

Screenshots

homepage-swiss-red-background

Swiss-red homepage background rendered on /.

@roo-code-bruno
Copy link
Copy Markdown
Author

roo-code-bruno Bot commented Apr 30, 2026

1 issue outstanding. Action required. See task

  • The Swiss-red .home-page background leaves the hero heading and intro copy unreadable because they still use red and muted gray foreground classes on the page background.

@roo-code-bruno roo-code-bruno Bot changed the title [Improve] Show blue background on homepage [Improve] Show Swiss flag red background on homepage Apr 30, 2026
}

.home-page {
background-color: #da291c;
Copy link
Copy Markdown
Author

Choose a reason for hiding this comment

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

Changing .home-page to #da291c makes the hero heading and intro copy effectively unreadable, because app/views/home/index.html.erb still renders them with text-red-600, text-gray-500, and text-gray-400 directly on the page background. Those foreground colors end up at roughly 1.0-1.9:1 contrast against the new red, so this regresses the main content on /.

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.

1 participant