[PR #1638] [MERGED] fix(instructors): improve dark mode dropdown menu contrast #36282

Closed
opened 2026-07-16 00:04:24 -05:00 by GiteaMirror · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/harvard-edge/cs249r_book/pull/1638
Author: @farhan523
Created: 5/3/2026
Status: Merged
Merged: 5/3/2026
Merged by: @profvjreddi

Base: devHead: fix/instructors-dark-mode-dropdown


📝 Commits (1)

  • 81faa71 fix(instructors): improve dark mode dropdown menu contrast

📊 Changes

1 file changed (+32 additions, -0 deletions)

View changed files

📝 instructors/assets/styles/dark-mode.scss (+32 -0)

📄 Description

Summary

  • Top-navbar dropdown submenus on the instructor site rendered with a white background in dark mode.
  • Add a dark-mode block in instructors/assets/styles/dark-mode.scss that sets dropdown surface/items/headers/dividers to the Blueprint dark palette with indigo hover/active state.

Before:
Screenshot 2026-05-03 194720

After:
Screenshot 2026-05-03 194728

Test plan

  • cd instructors && quarto preview
  • Toggle dark mode and open each top-nav dropdown — backgrounds match the dark navbar, items are readable, hover/active uses indigo.
  • Verify light mode is unchanged.

🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/harvard-edge/cs249r_book/pull/1638 **Author:** [@farhan523](https://github.com/farhan523) **Created:** 5/3/2026 **Status:** ✅ Merged **Merged:** 5/3/2026 **Merged by:** [@profvjreddi](https://github.com/profvjreddi) **Base:** `dev` ← **Head:** `fix/instructors-dark-mode-dropdown` --- ### 📝 Commits (1) - [`81faa71`](https://github.com/harvard-edge/cs249r_book/commit/81faa714508e886ce7cad436b0f5e9bdf56a2b15) fix(instructors): improve dark mode dropdown menu contrast ### 📊 Changes **1 file changed** (+32 additions, -0 deletions) <details> <summary>View changed files</summary> 📝 `instructors/assets/styles/dark-mode.scss` (+32 -0) </details> ### 📄 Description ## Summary - Top-navbar dropdown submenus on the instructor site rendered with a white background in dark mode. - Add a dark-mode block in `instructors/assets/styles/dark-mode.scss` that sets dropdown surface/items/headers/dividers to the Blueprint dark palette with indigo hover/active state. Before: <img width="351" height="224" alt="Screenshot 2026-05-03 194720" src="https://github.com/user-attachments/assets/ba610070-ef26-4cba-a33a-4d280fef68dd" /> After: <img width="451" height="294" alt="Screenshot 2026-05-03 194728" src="https://github.com/user-attachments/assets/97152ca0-a3eb-4ac7-8264-a37009199398" /> ## Test plan - [ ] `cd instructors && quarto preview` - [ ] Toggle dark mode and open each top-nav dropdown — backgrounds match the dark navbar, items are readable, hover/active uses indigo. - [ ] Verify light mode is unchanged. --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
GiteaMirror added the pull-request label 2026-07-16 00:04:24 -05:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/cs249r_book#36282