From 7feaa85d411b69098fc1c4e36f1edcbe9a1c7d3b Mon Sep 17 00:00:00 2001
From: Srinath <msrinath6109@gmail.com>
Date: Thu, 5 Mar 2026 12:04:59 +0530
Subject: [PATCH] Implement dynamic header and table color functionality

---
 .../PrintTemplates/printDCToInvoiceStyles.js  | 44 +++++++++----------
 1 file changed, 22 insertions(+), 22 deletions(-)

diff --git a/src/Pages/DeliveryChallanToInvoice/PrintTemplates/printDCToInvoiceStyles.js b/src/Pages/DeliveryChallanToInvoice/PrintTemplates/printDCToInvoiceStyles.js
index f3bd862..4b88e27 100644
--- a/src/Pages/DeliveryChallanToInvoice/PrintTemplates/printDCToInvoiceStyles.js
+++ b/src/Pages/DeliveryChallanToInvoice/PrintTemplates/printDCToInvoiceStyles.js
@@ -293,7 +293,7 @@ export const printDCToInvoiceStyles = (printStyle) => {
         }
         .header-section-wrapper {
             padding: 5px 0px;
-            background: #f3f3f3;
+            // background: #f3f3f3;
             border-radius: 1%;
             display: flex;
             flex-direction: column;
@@ -435,7 +435,7 @@ export const printDCToInvoiceStyles = (printStyle) => {
         .invoice-head{
             font-weight: light;
             font-size: 18px;
-            color: #5e5e5e;
+            // color: #5e5e5e;
         }
         .meta-info {
             margin-top: 1rem;
@@ -453,7 +453,7 @@ export const printDCToInvoiceStyles = (printStyle) => {
                 border-spacing: 0px 5px;
         }
         .product-table th {
-            background: #ebebebff;
+            // background: #ebebebff;
             padding: 4px;
             text-align: left;
         }
@@ -583,7 +583,7 @@ export const printDCToInvoiceStyles = (printStyle) => {
         .invoice-head{
             font-weight: light;
             font-size: 16px;
-            color: #5e5e5e;
+            // color: #5e5e5e;
         }
         .meta-info {
             display: flex;
@@ -888,7 +888,7 @@ export const printDCToInvoiceStyles = (printStyle) => {
           text-align: center;
         }
         .header-section-wrapper {
-          background: #ccccccff;
+          // background: #ccccccff;
           font-size: 15px;
           font-weight: bold;
           display: flex;
@@ -928,7 +928,7 @@ export const printDCToInvoiceStyles = (printStyle) => {
         .product-table th {
           padding: 4px;
           text-align: left;
-          background: #ccccccff;
+          // background: #ccccccff;
         }
         .product-table td {
           padding: 4px;
@@ -1057,7 +1057,7 @@ export const printDCToInvoiceStyles = (printStyle) => {
           font-weight: bold;
           padding: 4px;
           text-align: left;
-          background: #ccccccff;
+          // background: #ccccccff;
         }
         .product-table td {
           padding: 4px;
@@ -1153,7 +1153,7 @@ export const printDCToInvoiceStyles = (printStyle) => {
         }
         .header-section {
           text-align: center;
-          background: #dbdbdb;
+          // background: #dbdbdb;
           padding: 1px 8px;
         }
         .header-section-wrapper {
@@ -1192,7 +1192,7 @@ export const printDCToInvoiceStyles = (printStyle) => {
         .product-table th {
           padding: 4px;
           text-align: left;
-          background: #ccccccff;
+          // background: #ccccccff;
         }
         .product-table td {
           padding: 4px;
@@ -1297,7 +1297,7 @@ export const printDCToInvoiceStyles = (printStyle) => {
           margin-bottom: 8px;
               align-items: center;
               font-weight: 500;
-              background: #dbdbdb;
+              // background: #dbdbdb;
         }
         .header-company {
           font-size: 20px;
@@ -1327,7 +1327,7 @@ export const printDCToInvoiceStyles = (printStyle) => {
         .product-table th {
           padding: 4px;
           text-align: left;
-          background: #ccccccff;
+          // background: #ccccccff;
         }
         .product-table td {
           padding: 4px;
@@ -1436,7 +1436,7 @@ export const printDCToInvoiceStyles = (printStyle) => {
             width: 100%;
             font-size: 20px;
             font-weight: 600;
-            background: #dbdbdb;
+            // background: #dbdbdb;
         }
         .branch-address {
             margin: 5px 0px;
@@ -1463,7 +1463,7 @@ export const printDCToInvoiceStyles = (printStyle) => {
         .product-table th {
           padding: 4px;
           text-align: left;
-          background: #ccccccff;
+          // background: #ccccccff;
         }
         .product-table td {
           padding: 4px;
@@ -1621,7 +1621,7 @@ export const printDCToInvoiceStyles = (printStyle) => {
         font-weight: bold;
           padding: 4px;
           text-align: left;
-          background: #ccccccff;
+          // background: #ccccccff;
               border-bottom: 2px dashed #000;
         }
         .product-table td {
@@ -1808,8 +1808,8 @@ export const printDCToInvoiceStyles = (printStyle) => {
           padding: 4px;
           text-align: left;
            border: 2px solid #fff;
-          background: rgb(55, 59, 68);
-          color:rgb(255, 255, 255);
+          // background: rgb(55, 59, 68);
+          // color:rgb(255, 255, 255);
         }
           .product-table tr:nth-child(even) {
             background-color: #E8E8E8;
@@ -1899,7 +1899,7 @@ export const printDCToInvoiceStyles = (printStyle) => {
             font-size: 20px;
             padding: 10px 0;
             font-weight: 600;
-            background: rgb(253, 199, 22);
+            // background: rgb(253, 199, 22);
             width: 100%;
                     display : flex;
                     justify-content :center;
@@ -1988,11 +1988,11 @@ export const printDCToInvoiceStyles = (printStyle) => {
           padding: 4px;
           text-align: left;
            border: 2px solid #fff;
-          background: rgb(55, 59, 68);
-          color:rgb(255, 255, 255);
+          // background: rgb(55, 59, 68);
+          // color:rgb(255, 255, 255);
         }
           .product-table tr:nth-child(even) {
-            background-color: #E8E8E8;
+            // background-color: #E8E8E8;
             }
         .product-table td {
           padding: 4px;
@@ -2018,7 +2018,7 @@ export const printDCToInvoiceStyles = (printStyle) => {
         .footer-notes {
         font-size: 17px;
           text-align: left;
-          color: #5e5e5e;
+          // color: #5e5e5e;
           font-weight: bold;
         }
         .greeting-section {
@@ -2079,7 +2079,7 @@ export const printDCToInvoiceStyles = (printStyle) => {
             font-size: 20px;
             padding: 10px 0;
             font-weight: 600;
-            background: rgb(253, 199, 22);
+            // background: rgb(253, 199, 22);
             width: 100%;
                     display : flex;
                     justify-content :center;