Learning Page Rebrand — Color Theme & Typography Update

[MTsomo]

Learning Page Rebrand — Color Theme & Typography Update

As a Registered Learner,
I need the core learning page (courseware/unit view) updated with the new WeBuddhist Academy color palette and typography styles,
So that my active studying experience matches the updated brand identity without altering my familiar course navigation flow.

Description

As part of the platform-wide rebrand to WeBuddhist Academy, we are applying a subtle visual update to the primary Learning Page (Open edX courseware / unit rendering view).

To ensure minimal distraction for active students, this ticket focuses strictly on updating the color scheme and typography styles. No structural layouts, navigation mechanics, or component placements will be changed.

Acceptance Criteria

• Courseware unit headings, sequence titles, and main section headers utilize the new brand display typography.
• Navigation sidebar, unit tab controls, button labels, and body text utilize the updated UI body typography.
• Active unit highlights, completion indicators, and primary action buttons ("Next", "Previous", "Submit") reflect the updated brand accent colors.
• Header bars, background containers, and content borders adopt the new brand background and border colors.
• Existing learning page layout, sidebar collapsible drawer, and block rendering structures remain 100% untouched.

Definition of Done

• Design Review Sign-Off: Visual styling verified and approved against the WeBuddhist Academy brand guidelines.
• QA Verification: Verified on Staging across desktop and mobile WebViews that all standard courseware units (video, text, problems) render cleanly with updated styles.