Skip to content

Neeraj Fix Dark Mode Styling For Follow Up Email Template#4531

Merged
one-community merged 1 commit intodevelopmentfrom
Neeraj_DarkMode_FollowUpEmailTemplate
Mar 25, 2026
Merged

Neeraj Fix Dark Mode Styling For Follow Up Email Template#4531
one-community merged 1 commit intodevelopmentfrom
Neeraj_DarkMode_FollowUpEmailTemplate

Conversation

@Neeraj-Kondaveeti
Copy link
Copy Markdown
Contributor

@Neeraj-Kondaveeti Neeraj-Kondaveeti commented Dec 9, 2025

Description

image image

Related PRS (if any):

This frontend PR is related to the Development backend PR.

Main changes explained:

  • Updated FollowUpEmailTemplate.jsx to support Dark Mode by conditionally applying dark-mode classes.
  • Updated FollowUpEmailTemplate.module.css to include Dark Mode styling for the container, text, buttons, dividers, social icons, and links.
  • Improved button styling in Dark Mode by adding the correct Yinmn Blue background, hover state, vertical centering, and contrast adjustments.

How to test:

  1. check into current branch
  2. do npm install and ... to run this PR locally
  3. Clear site data/cache
  4. log as admin user
  5. Navigate to: http://localhost:5173/communityportal/activities/FollowUpEmailTemplate
  6. Toggle Dark Mode.
  7. Verify the following in Dark Mode:
  • Container switches to correct dark blue tone (Space Cadet).
  • Borders, shadows, and dividers use the correct dark-mode colors.
  • All text becomes fully readable (white where required).
  • The Survey Form button displays with the correct Yinmn Blue background and centered text.

Screenshots or videos of changes:

Screenshot 2025-12-08 at 7 23 11 PM Screenshot 2025-12-08 at 7 29 51 PM

Note:

These changes follow the Dark Mode Implementation Guide.

@netlify
Copy link
Copy Markdown

netlify Bot commented Dec 9, 2025

Deploy Preview for highestgoodnetwork-dev ready!

Name Link
🔨 Latest commit e8e0c1a
🔍 Latest deploy log https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/69c0880dc8367c0008e90ce7
😎 Deploy Preview https://deploy-preview-4531--highestgoodnetwork-dev.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@Neeraj-Kondaveeti Neeraj-Kondaveeti changed the title Fix dark mode styling for Follow Up Email Template (button, text, div… Neeraj Fix Dark Mode Styling For Follow Up Email Template Dec 9, 2025
@sonarqubecloud
Copy link
Copy Markdown

sonarqubecloud Bot commented Dec 9, 2025

abdel-lall
abdel-lall previously approved these changes Dec 14, 2025
Copy link
Copy Markdown
Contributor

@abdel-lall abdel-lall left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM!

Screenshot 2025-12-14 003527

@beblicarl beblicarl self-requested a review January 23, 2026 14:13
@beblicarl
Copy link
Copy Markdown
Contributor

This feature works as intended and the code is great

image

beblicarl
beblicarl previously approved these changes Jan 23, 2026
Copy link
Copy Markdown

@rohanrastogi311 rohanrastogi311 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hi Neeraj,

Dark mode needs a small update. The text is white.

Image Image

@one-community one-community added High Priority - Please Review First This is an important PR we'd like to get merged as soon as possible and removed High Priority labels Mar 21, 2026
@Neeraj-Kondaveeti Neeraj-Kondaveeti dismissed stale reviews from beblicarl and abdel-lall via e8e0c1a March 23, 2026 00:23
@Neeraj-Kondaveeti Neeraj-Kondaveeti force-pushed the Neeraj_DarkMode_FollowUpEmailTemplate branch from 5e097a3 to e8e0c1a Compare March 23, 2026 00:23
@sonarqubecloud
Copy link
Copy Markdown

@one-community
Copy link
Copy Markdown
Member

Thank you all, merging!

@one-community one-community merged commit 0be5768 into development Mar 25, 2026
10 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

High Priority - Please Review First This is an important PR we'd like to get merged as soon as possible

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants