UI Improvements: Dark Mode Fixes, Extended Semesters, and Content Card Styling

[anjali1521]

Summary of Changes

I worked on the UI and dark-mode styling in the forked StudyMatePlus repo to fix visibility and readability issues.

1. Dark Mode Headings

• Fixed headings disappearing in dark mode across About, Syllabus, and Notes pages etc.
• Ensured section titles remain visible.

Before:
In dark mode heading is not visible in each section and in each page
Ex: FAQ in dark mode

In light mode: Heading is visible

ex 2.) Same in other pages in dark more content is not visible:

After:
Dark mode heading fixed

Ex 2)

---

2. Extended Semesters

• Updated syllabus and notes to show all 8 semesters instead of only 6.

Before:
[Semester limited in both syllabus and notes page](before-

After:
![Semester extended in both syllabus and notes page](after-

---

3. Content Card Styling

• Fixed text overflow inside note cards (PDF titles, metadata).
• Added wrapping and safe line breaks.
• Improved hover shadows and border contrast.

Before:
[Overflow issue] before-

After:
[Card fixed](after-

---

4. Improved white card

-Improved white card separation using subtle transparency, blue borders, and stronger hover shadows

ex:

---

Why These Changes Matter

• Dark mode headings are now readable instead of blending into the background.
• Syllabus and notes cover the full B.Tech program (all 8 semesters).
• Content cards are visually consistent and handle long text safely.
• Overall UI is more usable and visually polished in both light and dark themes.

---

@lovelymahor Please review this PR.

[vercel]

@anjali1521 is attempting to deploy a commit to the Lovely Mahour's projects Team on Vercel.

A member of the Team first needs to authorize it.