Gradient title text not visible in Electron desktop app (works correctly on web)

[nicksboson]

Description

In the Electron (desktop) version of EduAid, the gradient background for title text renders correctly, but the text itself is not visible.

This issue is Electron-specific — the same UI renders correctly on the main web application.

Affected screens include:

• Landing page ("EduAid" title)
• Question selection screen ("What's on your Mind?")

Expected Behavior

The title text should be visible on top of the gradient styling, consistent with the web version.

Actual Behavior

Only the gradient/blue rectangular background is rendered, while the text itself is invisible.

Environment

• Platform: Desktop (Electron)
• OS: Windows
• App: EduAid Desktop
• Web version: Works correctly

Additional Context

This appears to be a CSS rendering issue specific to Electron/Chromium, possibly related to gradient text styling (background-clip, text-fill-color, z-index, or GPU rendering differences).

Screenshots attached:

• Electron app (text missing)
• Web app (expected behavior)

I can work on a fix once the preferred approach for Electron styling is confirmed.

[nicksboson]

I’ve confirmed this happens only in the Electron app; the same UI works correctly on the web.
It looks like the gradient background renders but the text layer is not visible, possibly due to Electron/Chromium CSS handling.
Happy to work on a fix once assigned.

[AnshuPriya-1]

Hi 👋 I’d love to help with this issue.
I can try investigating the Electron-specific CSS behavior and test possible fixes (e.g., background-clip, text-fill-color fallbacks, etc.).
If this issue is open for contribution, I’d be happy to work on it. Please let me know!