[omicsdatascience-ai-loop]

Trello card: https://trello.com/c/zHV6IsDB

Implementation plan

Make the YouTube tutorials button white

Steps

• In src/frontend/static/frontend/src/components/index/Homepage.tsx, update only the YouTube tutorials button’s styling so its background is white.
• Leave the button’s text, icon, link, behavior, and all other buttons and global styles unchanged.

Acceptance checks

• Verify the YouTube tutorials button appears with a white background on the homepage.
• Verify its text, icon, link, and behavior are unchanged.
• Verify the change is limited to src/frontend/static/frontend/src/components/index/Homepage.tsx.

Risks

• Assumption: “white button” refers to a white button background. The task does not specify whether other button colors, such as text or border, should also change.

Implementation summary

Set the YouTube tutorials button background to white while preserving its text, icon, link, and behavior.

Validation executed by the runner

• Frontend TypeScript, lint and production build

Independent AI review follows on this PR. Human approval is required.

[omicsdatascience-ai-loop]

Independent AI review (gpt-6-luna).

The change is limited to the requested file and overrides the button background, but leaves its orange Semantic UI color class in place. That class gives the button white foreground text and icon, which become difficult or impossible to see against the new white background.

Human review is still required.

[omicsdatascience-ai-loop]

[medium] White background makes the button content illegible

The button still has color='orange', whose Semantic UI styling uses white text (and icon). Setting only the background to white therefore produces white foreground content on white. Update the foreground styling as well so the existing text and icon remain visible.