Skip to content

Saurabh D taking over for Vamsidhar dark mode materials update form#4511

Open
vamsidharpanithi wants to merge 12 commits into
developmentfrom
vamsidhar-dark-mode-materials-update-form
Open

Saurabh D taking over for Vamsidhar dark mode materials update form#4511
vamsidharpanithi wants to merge 12 commits into
developmentfrom
vamsidhar-dark-mode-materials-update-form

Conversation

@vamsidharpanithi

@vamsidharpanithi vamsidharpanithi commented Dec 6, 2025

Copy link
Copy Markdown
Contributor
image

Description

This PR fixes dark mode styling issues across multiple Materials Management pages in the BM Dashboard. The main issue was that text in table bodies, input fields, dropdowns, and other UI elements was not visible or had poor contrast in dark mode, making the interface unusable.

Related Issues:

  • Fixes dark mode text visibility on Material Daily Activities Update Form
  • Fixes dark mode styling for Materials Inventory List
  • Fixes dark mode styling for Purchase Record modal
  • Fixes dark mode styling for Inventory Types List
  • Fixes dark mode styling for Add Material page

Related PRS (if any):

Previous PR: 3158

Main changes explained:

Added dark mode styling to make all text, tables, inputs, dropdowns, and modals visible and readable across the Materials Update Form, Materials Inventory List, Purchase Record modal, Inventory Types List, and Add Material pages by setting dark backgrounds with white text and fixing the base color rules that were overriding dark mode styles.

How to test:

How to test:
check into current branch
do npm install and ... to run this PR locally
Clear site data/cache
log as admin user
Follow the screenshot walkthrough below to test the add material, purchase material and update material feature
Testing Screenshot Walkthrough
Test newly added material is able to appear in material inventory list:
http://localhost:5173/bmdashboard/materials/add

image image image

http://localhost:5173/bmdashboard/inventorytypes

Screenshot 2025-12-05 at 5 02 58 PM

Test purchased material is able to appear in purchase material list:
http://localhost:5173/bmdashboard/materials/purchase
Screenshot 2025-12-05 at 5 03 46 PM

Screenshot 2025-12-05 at 5 04 10 PM Screenshot 2025-12-05 at 5 04 57 PM Screenshot 2025-12-05 at 5 04 57 PM Screenshot 2025-12-05 at 5 05 26 PM

Test update materials(update a single material and update a bulk of material):
(Single material update)

Screenshot 2025-12-05 at 5 07 47 PM

(bulk material update)
http://localhost:5173/bmdashboard/materials/update

Screenshot 2025-12-05 at 5 09 33 PM image image

@netlify

netlify Bot commented Dec 6, 2025

Copy link
Copy Markdown

Deploy Preview for highestgoodnetwork-dev ready!

Name Link
🔨 Latest commit a281c35
🔍 Latest deploy log https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/6a37112af04f0b0008b0aba7
😎 Deploy Preview https://deploy-preview-4511--highestgoodnetwork-dev.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
🤖 Make changes Run an agent on this branch

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

@sonarqubecloud

sonarqubecloud Bot commented Dec 6, 2025

Copy link
Copy Markdown

Prem203
Prem203 previously approved these changes Dec 6, 2025

@Prem203 Prem203 left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Reviewed the PR with an admin account and the tested all the scenarios in dark mode as mentioned. Everything works as expected.

  1. http://localhost:5173/bmdashboard/materials/add
image image --
  1. http://localhost:5173/bmdashboard/inventorytypes
image --
  1. http://localhost:5173/bmdashboard/materials/purchase
image image image --

Single material update:
image

Bulk material update:
http://localhost:5173/bmdashboard/materials/update
image
image

@sonarqubecloud

sonarqubecloud Bot commented Jan 9, 2026

Copy link
Copy Markdown

@vamsidharpanithi vamsidharpanithi added the High Priority - Please Review First This is an important PR we'd like to get merged as soon as possible label Jan 9, 2026

@rohanrastogi311 rohanrastogi311 left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Hi Vamsidhar,

Overall the implementation is okay, however, there's a few issues, upload box is wrong contrast of white and phone number issue where country contrast is also not correct.

PR 4511 Screenshot PR 4511 Screenshot 2

@Anusha-Gali Anusha-Gali left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Hi Vamsidhar,

I have reviewed your PR locally and have the below UI issues:

  • negative values are allowed in unit price and total quantity which later are asked to be changed but shouldn't it not be allowed like it does in other pages
  • the calendar is in light mode in dark mode page
  • the country code dropdown options text is not visible, nor can we see the option selected
  • negative values are allowed in the shipping fee and taxes which is not making sense, nor is it later asked to be edited
  • upload material picture box is very huge, which i assumed is to preview the picture but the picture appears below the box and is not reduced to the frame size
  • the submit button is not in blue color like it does in other pages
  • time is not visible in Inventory types page
Screenshot 2026-01-25 at 12 26 22 AM Screenshot 2026-01-25 at 12 27 32 AM Screenshot 2026-01-25 at 12 28 29 AM Screenshot 2026-01-25 at 12 29 13 AM Screenshot 2026-01-25 at 12 30 52 AM Screenshot 2026-01-25 at 12 31 29 AM Screenshot 2026-01-25 at 12 32 29 AM Screenshot 2026-01-25 at 12 32 32 AM Screenshot 2026-01-25 at 12 32 50 AM Screenshot 2026-01-25 at 12 33 18 AM Screenshot 2026-01-25 at 12 34 17 AM Screenshot 2026-01-25 at 12 34 23 AM Screenshot 2026-01-25 at 12 34 55 AM Screenshot 2026-01-25 at 12 35 01 AM

@shashank-madan shashank-madan left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Dark mode styles are not applied to all components.

Add.Material.-.Google.Chrome.2026-01-31.13-42-09.mp4

@naznin07 naznin07 left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Reduce global overrides.

PR # 4511

@ShreyaMP1999 ShreyaMP1999 changed the title Vamsidhar dark mode materials update form Shreya P taking over for Vamsidhar dark mode materials update form Apr 27, 2026
@saurabhdipte saurabhdipte changed the title Shreya P taking over for Vamsidhar dark mode materials update form Saurabh D taking over for Vamsidhar dark mode materials update form May 13, 2026

@HemanthNidamanuru HemanthNidamanuru left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Hi Saurabh,

I tested the PR locally. After clicking on "Purchase Material" and completing a successful purchase request, the material list page is not getting displayed. Please look into this.

Image Image Image Image Image Image Image Image

@sonarqubecloud

Copy link
Copy Markdown

DeepighaJ

This comment was marked as duplicate.

@DeepighaJ DeepighaJ left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

  • Checkout to current branch and ran PR Locally.
  • Add material in /bmdashboard/materials/add works as expected.
  • The add material option in All Inventory Types allows Unit field to add any value even number words the field doesn't have validation.
  • After submitting Purchase request, clicking on Go to Material List throws Error page. i.e, Navigating to http://localhost:5173/bmdashboard/materials also error.
  • Update works as expected.
Image Image Image Image Image Image Image Image Image Image Image

…nit dropdown validation on inventory types add row
@saurabhdipte saurabhdipte force-pushed the vamsidhar-dark-mode-materials-update-form branch from de50728 to 7a22d03 Compare June 20, 2026 21:44
@sonarqubecloud

Copy link
Copy Markdown

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.

9 participants