From 71a37dfd4164354ee2a7ab994b6e80c8363d95ed Mon Sep 17 00:00:00 2001
From: Srinath <msrinath6109@gmail.com>
Date: Wed, 4 Mar 2026 16:29:52 +0530
Subject: [PATCH] Implement dynamic header and table color functionality

---
 .../ThermalPrinter/PrintStyle2.jsx            | 290 ++++++++++++------
 1 file changed, 202 insertions(+), 88 deletions(-)

diff --git a/src/Pages/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle2.jsx b/src/Pages/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle2.jsx
index dba6669..ab4f60f 100644
--- a/src/Pages/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle2.jsx
+++ b/src/Pages/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle2.jsx
@@ -29,6 +29,16 @@ import {
   GlobalprintCredit,
   GlobalprintTax,
   GlobalSelectedPrintHeaderColor,
+  GlobalSelectedPrintHeaderFontColor,
+  GlobalSelectedTableHeaderColor,
+  GlobalSelectedTableHeaderFontColor,
+  GlobalSelectedTableBodyColor,
+  GlobalSelectedTableBodyFontColor,
+  GlobalSelectedFooterColor,
+  GlobalSelectedFooterFontColor,
+  GlobalRowType,
+  GlobalSelectedNetAmountColor,
+  GlobalSelectedNetAmountFontColor,
 } from '../../../../Features/ThemeChange/ThemeChange';
 import Logo from '../../../../Images/Logo.jpg';
 import QRCode from 'react-qr-code';
@@ -95,7 +105,16 @@ const Printstyle2 = ({
     (ps) => ps.PaymentTypeName === 'UPI'
   );
   const SelectedHeaderColor = useSelector(GlobalSelectedPrintHeaderColor);
-  console.log(Qrcodet, 'Qrcodet', paymentTypeUPI);
+   const SelectedHeaderFontColor = useSelector(GlobalSelectedPrintHeaderFontColor);
+    const SelectedTableHeaderColor = useSelector(GlobalSelectedTableHeaderColor);
+    const SelectedTableHeaderFontColor = useSelector(GlobalSelectedTableHeaderFontColor);
+    const SelectedTableBodyColor = useSelector(GlobalSelectedTableBodyColor);
+    const SelectedTableBodyFontColor = useSelector(GlobalSelectedTableBodyFontColor);
+    const SelectedRowType = useSelector(GlobalRowType);
+    const SelectedTableFooterColor = useSelector(GlobalSelectedFooterColor);
+    const SelectedTableFooterFontColor = useSelector(GlobalSelectedFooterFontColor);
+    const SelectedNetAmountColor = useSelector(GlobalSelectedNetAmountColor);
+    const SelectedNetAmountFontColor = useSelector(GlobalSelectedNetAmountFontColor);
   const GlobalSignature = useSelector(GlobalprintSignature);
   const GlobaltermsAndConditions = useSelector(GlobalprinttermsAndConditions);
   const GlobalSignatureImages = useSelector(GlobalSignatureImage);
@@ -140,6 +159,12 @@ const Printstyle2 = ({
   let BillName = printDatas?.PrintHdrName;
   let FormatTheme = printDatas?.PrintType == 'S' ? true : false;
   let PageSize = printDatas?.PageSize;
+  let printColors = printDatas?.PrintColors;
+  const headerColor = printColors?.find(obj => obj.headerColor)?.headerColor;
+  const tableHeaderColor = printColors?.find(obj => obj.tableHeaderColor)?.tableHeaderColor;
+  const tableBodyColor = printColors?.find(obj => obj.tableBodyColor)?.tableBodyColor;
+  const footerColor = printColors?.find(obj => obj.footerColor)?.footerColor;
+  const netAmtColor = printColors?.find(obj => obj.netAmtColor)?.netAmtColor;
   const Signature = FieldDetails?.['signature'];
   const TermsnAdCondition = FieldDetails?.['terms&conditions'];
 
@@ -339,7 +364,51 @@ const Printstyle2 = ({
       : 0;
 
   const shouldFooterBeOnNewPage = lastChunkRows > (PageSize == 'A5' ? 5 : 13);
+ const headerStyle ={
+        backgroundColor: GlobaldummyData
+          ? SelectedHeaderColor
+          : headerColor?.background,
 
+        color: GlobaldummyData
+          ? SelectedHeaderFontColor
+          : headerColor?.font,
+  }
+ const tableHeaderStyle ={
+        backgroundColor: GlobaldummyData
+          ? SelectedTableHeaderColor
+          : tableHeaderColor?.background,
+
+        color: GlobaldummyData
+          ? SelectedTableHeaderFontColor
+          : tableHeaderColor?.font,
+  }
+  const tableBodyStyle ={
+        backgroundColor: GlobaldummyData
+          ? SelectedTableBodyColor
+          : tableBodyColor?.background,
+        color: GlobaldummyData
+          ? SelectedTableBodyFontColor
+          : tableBodyColor?.font,
+  }
+  const rowtypeStyle = GlobaldummyData? SelectedRowType: tableBodyColor?.rowType;
+  const footerColorStyle ={
+        backgroundColor: GlobaldummyData
+          ? SelectedTableFooterColor
+          : footerColor?.background,
+
+        color: GlobaldummyData
+          ? SelectedTableFooterFontColor
+          : footerColor?.font,
+  }
+  const netAmountStyle ={
+        backgroundColor: GlobaldummyData
+          ? SelectedNetAmountColor
+          : netAmtColor?.background,
+
+        color: GlobaldummyData
+          ? SelectedNetAmountFontColor
+          : netAmtColor?.font,
+  }
   return (
     <>
       {FormatTheme ? (
@@ -392,7 +461,7 @@ const Printstyle2 = ({
                 {!estimatePrintHeader && table2Data?.OrderType === 'E' ? (
                   ''
                 ) : (
-                  <div className="PrintStyle2-fistDiv">
+                  <div className="PrintStyle2-fistDiv" style={{...headerStyle }}>
                     <div style={{ display: 'flex', flexDirection: 'row' }}>
                       {GlobaldummyData ? (
                         GlobalLogo && (
@@ -425,7 +494,7 @@ const Printstyle2 = ({
                         style={{
                           fontSize: '18px',
                           fontWeight: '600',
-                          color: SelectedHeaderColor,
+                          // color: SelectedHeaderColor,
                         }}
                       >
                         {GlobaldummyData ? 'XYZ Shop' : table2Data?.BrName}
@@ -546,23 +615,23 @@ const Printstyle2 = ({
                           <tr>
                             {GlobaldummyData
                               ? GlobalSlNo && (
-                                <th style={{ width: '8px' }}>S.No</th>
+                                <th style={{...tableHeaderStyle, width: '8px' }}>S.No</th>
                               )
-                              : SLNO && <th style={{ width: '8px' }}>S.No</th>}
+                              : SLNO && <th style={{...tableHeaderStyle, width: '8px' }}>S.No</th>}
                             {GlobaldummyData
-                              ? GlobalItem && <th>Item</th>
-                              : Item && <th>Item</th>}
+                              ? GlobalItem && <th style={{...tableHeaderStyle}}>Item</th>
+                              : Item && <th style={{...tableHeaderStyle}}>Item</th>}
                             {GlobaldummyData
                               ? GlobalHsnCode && (
                                 <th
-                                  style={{ width: '8px', textAlign: 'right' }}
+                                  style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}
                                 >
                                   HSN
                                 </th>
                               )
                               : HsnCode && (
                                 <th
-                                  style={{ width: '8px', textAlign: 'right' }}
+                                  style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}
                                 >
                                   HSN
                                 </th>
@@ -570,14 +639,14 @@ const Printstyle2 = ({
                             {GlobaldummyData
                               ? GlobalQuantity && (
                                 <th
-                                  style={{ width: '8px', textAlign: 'right' }}
+                                  style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}
                                 >
                                   Qty
                                 </th>
                               )
                               : Quantity && (
                                 <th
-                                  style={{ width: '8px', textAlign: 'right' }}
+                                  style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}
                                 >
                                   {WeightasKg ? 'Qty/Kg' : 'Qty'}
                                 </th>
@@ -585,14 +654,14 @@ const Printstyle2 = ({
                             {GlobaldummyData
                               ? GlobalMRP && (
                                 <th
-                                  style={{ width: '8px', textAlign: 'right' }}
+                                  style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}
                                 >
                                   MRP
                                 </th>
                               )
                               : MRP && (
                                 <th
-                                  style={{ width: '8px', textAlign: 'right' }}
+                                  style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}
                                 >
                                   MRP
                                 </th>
@@ -600,14 +669,14 @@ const Printstyle2 = ({
                             {GlobaldummyData
                               ? GlobalAmount && (
                                 <th
-                                  style={{ width: '8px', textAlign: 'right' }}
+                                  style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}
                                 >
                                   Amt
                                 </th>
                               )
                               : Amount && (
                                 <th
-                                  style={{ width: '8px', textAlign: 'right' }}
+                                  style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}
                                 >
                                   Amt
                                 </th>
@@ -615,14 +684,14 @@ const Printstyle2 = ({
                             {GlobaldummyData
                               ? GlobalDiscount && (
                                 <th
-                                  style={{ width: '8px', textAlign: 'right' }}
+                                  style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}
                                 >
                                   Dis{' '}
                                 </th>
                               )
                               : Discount && (
                                 <th
-                                  style={{ width: '8px', textAlign: 'right' }}
+                                  style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}
                                 >
                                   Dis{' '}
                                 </th>
@@ -633,6 +702,7 @@ const Printstyle2 = ({
                                   style={{
                                     width: '10px',
                                     textAlign: 'center',
+                                    ...tableHeaderStyle,
                                   }}
                                 >
                                   Tax %
@@ -644,6 +714,7 @@ const Printstyle2 = ({
                                   style={{
                                     width: '10px',
                                     textAlign: 'center',
+                                    ...tableHeaderStyle,
                                   }}
                                 >
                                   Tax %
@@ -652,14 +723,14 @@ const Printstyle2 = ({
                             {GlobaldummyData
                               ? GlobalRate && (
                                 <th
-                                  style={{ width: '8px', textAlign: 'right' }}
+                                  style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}
                                 >
                                   Rate
                                 </th>
                               )
                               : Rate && (
                                 <th
-                                  style={{ width: '8px', textAlign: 'right' }}
+                                  style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}
                                 >
                                   Rate
                                 </th>
@@ -669,7 +740,18 @@ const Printstyle2 = ({
                         <tbody>
                           {dataChunk?.map((item, index) => {
                             return (
-                              <tr key={index}>
+                              <tr key={index}
+                              style={
+                                index % 2 !== 1 && rowtypeStyle === "even"
+                                  ? {
+                                    ...tableBodyStyle
+                                  }
+                                  : index % 2 === 1 && rowtypeStyle === "odd"
+                                    ? {
+                                     ...tableBodyStyle
+                                    }
+                                    : {}
+                              }>
                                 {GlobaldummyData
                                   ? GlobalSlNo && (
                                     <td className="Re-print-body-Rate">
@@ -918,23 +1000,23 @@ const Printstyle2 = ({
                           <tr>
                             {GlobaldummyData
                               ? GlobalSlNo && (
-                                <th style={{ width: '8px' }}>S.No</th>
+                                <th style={{...tableHeaderStyle, width: '8px' }}>S.No</th>
                               )
-                              : SLNO && <th style={{ width: '8px' }}>S.No</th>}
+                              : SLNO && <th style={{ ...tableHeaderStyle,width: '8px' }}>S.No</th>}
                             {GlobaldummyData
-                              ? GlobalItem && <th>Item</th>
-                              : Item && <th>Item</th>}
+                              ? GlobalItem && <th style={{...tableHeaderStyle}}>Item</th>
+                              : Item && <th style={{...tableHeaderStyle}}>Item</th>}
                             {GlobaldummyData
                               ? GlobalHsnCode && (
                                 <th
-                                  style={{ width: '8px', textAlign: 'right' }}
+                                  style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}
                                 >
                                   HSN
                                 </th>
                               )
                               : HsnCode && (
                                 <th
-                                  style={{ width: '8px', textAlign: 'right' }}
+                                  style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}
                                 >
                                   HSN
                                 </th>
@@ -942,14 +1024,14 @@ const Printstyle2 = ({
                             {GlobaldummyData
                               ? GlobalQuantity && (
                                 <th
-                                  style={{ width: '8px', textAlign: 'right' }}
+                                  style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}
                                 >
                                   Qty
                                 </th>
                               )
                               : Quantity && (
                                 <th
-                                  style={{ width: '8px', textAlign: 'right' }}
+                                  style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}
                                 >
                                   {WeightasKg ? 'Qty/Kg' : 'Qty'}
                                 </th>
@@ -957,14 +1039,14 @@ const Printstyle2 = ({
                             {GlobaldummyData
                               ? GlobalMRP && (
                                 <th
-                                  style={{ width: '8px', textAlign: 'right' }}
+                                  style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}
                                 >
                                   MRP
                                 </th>
                               )
                               : MRP && (
                                 <th
-                                  style={{ width: '8px', textAlign: 'right' }}
+                                  style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}
                                 >
                                   MRP
                                 </th>
@@ -972,14 +1054,14 @@ const Printstyle2 = ({
                             {GlobaldummyData
                               ? GlobalAmount && (
                                 <th
-                                  style={{ width: '8px', textAlign: 'right' }}
+                                  style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}
                                 >
                                   Amt
                                 </th>
                               )
                               : Amount && (
                                 <th
-                                  style={{ width: '8px', textAlign: 'right' }}
+                                  style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}
                                 >
                                   Amt
                                 </th>
@@ -987,14 +1069,14 @@ const Printstyle2 = ({
                             {GlobaldummyData
                               ? GlobalDiscount && (
                                 <th
-                                  style={{ width: '8px', textAlign: 'right' }}
+                                  style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}
                                 >
                                   Dis{' '}
                                 </th>
                               )
                               : Discount && (
                                 <th
-                                  style={{ width: '8px', textAlign: 'right' }}
+                                  style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}
                                 >
                                   Dis{' '}
                                 </th>
@@ -1002,9 +1084,7 @@ const Printstyle2 = ({
                             {GlobaldummyData
                               ? GlobalTax && (
                                 <th
-                                  style={{
-                                    width: '10px',
-                                    textAlign: 'center',
+                                  style={{ width: '10px',textAlign: 'center',...tableHeaderStyle,
                                   }}
                                 >
                                   Tax %
@@ -1013,10 +1093,7 @@ const Printstyle2 = ({
                               : Tax == true &&
                               table2Data?.OrderType !== 'E' && (
                                 <th
-                                  style={{
-                                    width: '10px',
-                                    textAlign: 'center',
-                                  }}
+                                  style={{...tableHeaderStyle, width: '10px', textAlign: 'center',}}
                                 >
                                   Tax %
                                 </th>
@@ -1024,14 +1101,14 @@ const Printstyle2 = ({
                             {GlobaldummyData
                               ? GlobalRate && (
                                 <th
-                                  style={{ width: '8px', textAlign: 'right' }}
+                                  style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}
                                 >
                                   Rate
                                 </th>
                               )
                               : Rate && (
                                 <th
-                                  style={{ width: '8px', textAlign: 'right' }}
+                                  style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}
                                 >
                                   Rate
                                 </th>
@@ -1041,7 +1118,18 @@ const Printstyle2 = ({
                         <tbody>
                           {dataChunk?.map((item, index) => {
                             return (
-                              <tr key={index}>
+                              <tr key={index}
+                              style={
+                                index % 2 !== 1 && rowtypeStyle === "even"
+                                  ? {
+                                    ...tableBodyStyle
+                                  }
+                                  : index % 2 === 1 && rowtypeStyle === "odd"
+                                    ? {
+                                     ...tableBodyStyle
+                                    }
+                                    : {}
+                              }>
                                 {GlobaldummyData
                                   ? GlobalSlNo && (
                                     <td className="Re-print-body-Rate">
@@ -1305,7 +1393,7 @@ const Printstyle2 = ({
                 !shouldFooterBeOnNewPage &&
                 FormatTheme && (
                   <>
-                    <div className="PrintStyle2-ThirdDivMaster">
+                    <div className="PrintStyle2-ThirdDivMaster" style={{...netAmountStyle}}>
                       <div className="PrintStyle2-ThirdP">
                         <div>
                           <div style={{ textAlign: 'left', fontWeight: '600' }}>
@@ -1973,6 +2061,7 @@ const Printstyle2 = ({
                               pageBreakBefore: 'avoid',
                               pageBreakInside: 'avoid',
                               minHeight: 'auto',
+                               ...footerColorStyle
                             }}
                           >
                             {GlobaldummyData
@@ -2185,10 +2274,11 @@ const Printstyle2 = ({
                   pageBreakBefore: 'avoid',
                   pageBreakInside: 'avoid',
                   minHeight: 'auto',
+                   ...footerColorStyle
                 }}
               >
                 <>
-                  <div className="PrintStyle2-ThirdDivMaster">
+                  <div className="PrintStyle2-ThirdDivMaster" style={{...netAmountStyle}}>
                     <div className="PrintStyle2-ThirdP">
                       <div>
                         <div style={{ textAlign: 'left', fontWeight: '600' }}>
@@ -2842,6 +2932,7 @@ const Printstyle2 = ({
                             pageBreakBefore: 'avoid',
                             pageBreakInside: 'avoid',
                             minHeight: 'auto',
+                             ...footerColorStyle
                           }}
                         >
                           {GlobaldummyData
@@ -3039,8 +3130,8 @@ const Printstyle2 = ({
           {!estimatePrintHeader && table2Data?.OrderType === 'E' ? (
             ''
           ) : (
-            <div className="PrintStyle2-fistDiv">
-              <div style={{ display: 'flex', flexDirection: 'row' }}>
+            <div className="PrintStyle2-fistDiv" style={{...headerStyle }}>
+              <div style={{ display: 'flex', flexDirection: 'row'}}>
                 {GlobaldummyData ? (
                   GlobalLogo && (
                     <img
@@ -3073,7 +3164,7 @@ const Printstyle2 = ({
                   style={{
                     fontSize: '18px',
                     fontWeight: '600',
-                    color: SelectedHeaderColor,
+                    // color: SelectedHeaderColor,
                   }}
                 >
                   {GlobaldummyData ? 'XYZ Shop' : table2Data?.BrName}
@@ -3183,86 +3274,86 @@ const Printstyle2 = ({
                   <thead>
                     <tr>
                       {GlobaldummyData
-                        ? GlobalSlNo && <th style={{ width: '8px' }}>S.No</th>
-                        : SLNO && <th style={{ width: '8px' }}>S.No</th>}
+                        ? GlobalSlNo && <th style={{...tableHeaderStyle,width: '8px' }}>S.No</th>
+                        : SLNO && <th style={{...tableHeaderStyle, width: '8px' }}>S.No</th>}
                       {GlobaldummyData
-                        ? GlobalItem && <th>Item</th>
-                        : Item && <th>Item</th>}
+                        ? GlobalItem && <th style={{...tableHeaderStyle}}>Item</th>
+                        : Item && <th style={{...tableHeaderStyle}}>Item</th>}
                       {GlobaldummyData
                         ? GlobalHsnCode && (
-                          <th style={{ width: '8px', textAlign: 'right' }}>
+                          <th style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}>
                             HSN
                           </th>
                         )
                         : HsnCode && (
-                          <th style={{ width: '8px', textAlign: 'right' }}>
+                          <th style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}>
                             HSN
                           </th>
                         )}
                       {GlobaldummyData
                         ? GlobalQuantity && (
-                          <th style={{ width: '8px', textAlign: 'right' }}>
+                          <th style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}>
                             Qty
                           </th>
                         )
                         : Quantity && (
-                          <th style={{ width: '8px', textAlign: 'right' }}>
+                          <th style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}>
                             {WeightasKg ? 'Qty/Kg' : 'Qty'}
                           </th>
                         )}
                       {GlobaldummyData
                         ? GlobalMRP && (
-                          <th style={{ width: '8px', textAlign: 'right' }}>
+                          <th style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}>
                             MRP
                           </th>
                         )
                         : MRP && (
-                          <th style={{ width: '8px', textAlign: 'right' }}>
+                          <th style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}>
                             MRP
                           </th>
                         )}
                       {GlobaldummyData
                         ? GlobalAmount && (
-                          <th style={{ width: '8px', textAlign: 'right' }}>
+                          <th style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}>
                             Amt
                           </th>
                         )
                         : Amount && (
-                          <th style={{ width: '8px', textAlign: 'right' }}>
+                          <th style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}>
                             Amt
                           </th>
                         )}
                       {GlobaldummyData
                         ? GlobalDiscount && (
-                          <th style={{ width: '8px', textAlign: 'right' }}>
+                          <th style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}>
                             Dis{' '}
                           </th>
                         )
                         : Discount && (
-                          <th style={{ width: '8px', textAlign: 'right' }}>
+                          <th style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}>
                             Dis{' '}
                           </th>
                         )}
                       {GlobaldummyData
                         ? GlobalTax && (
-                          <th style={{ width: '10px', textAlign: 'center' }}>
+                          <th style={{...tableHeaderStyle, width: '10px', textAlign: 'center' }}>
                             Tax %
                           </th>
                         )
                         : Tax == true &&
                         table2Data?.OrderType !== 'E' && (
-                          <th style={{ width: '10px', textAlign: 'center' }}>
+                          <th style={{...tableHeaderStyle, width: '10px', textAlign: 'center' }}>
                             Tax %
                           </th>
                         )}
                       {GlobaldummyData
                         ? GlobalRate && (
-                          <th style={{ width: '8px', textAlign: 'right' }}>
+                          <th style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}>
                             Rate
                           </th>
                         )
                         : Rate && (
-                          <th style={{ width: '8px', textAlign: 'right' }}>
+                          <th style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}>
                             Rate
                           </th>
                         )}
@@ -3272,7 +3363,18 @@ const Printstyle2 = ({
                     {(GlobaldummyData ? products : TakeawayData)?.map(
                       (item, index) => {
                         return (
-                          <tr key={index}>
+                          <tr key={index} 
+                          style={
+                                index % 2 !== 1 && rowtypeStyle === "even"
+                                  ? {
+                                    ...tableBodyStyle
+                                  }
+                                  : index % 2 === 1 && rowtypeStyle === "odd"
+                                    ? {
+                                     ...tableBodyStyle
+                                    }
+                                    : {}
+                              }>
                             {GlobaldummyData
                               ? GlobalSlNo && (
                                 <td className="Re-print-body-Rate">
@@ -3509,86 +3611,86 @@ const Printstyle2 = ({
                   <thead>
                     <tr>
                       {GlobaldummyData
-                        ? GlobalSlNo && <th style={{ width: '8px' }}>S.No</th>
-                        : SLNO && <th style={{ width: '8px' }}>S.No</th>}
+                        ? GlobalSlNo && <th style={{...tableHeaderStyle, width: '8px' }}>S.No</th>
+                        : SLNO && <th style={{...tableHeaderStyle, width: '8px' }}>S.No</th>}
                       {GlobaldummyData
-                        ? GlobalItem && <th>Item</th>
-                        : Item && <th>Item</th>}
+                        ? GlobalItem && <th style={{...tableHeaderStyle}}>Item</th>
+                        : Item && <th style={{...tableHeaderStyle}}>Item</th>}
                       {GlobaldummyData
                         ? GlobalHsnCode && (
-                          <th style={{ width: '8px', textAlign: 'right' }}>
+                          <th style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}>
                             HSN
                           </th>
                         )
                         : HsnCode && (
-                          <th style={{ width: '8px', textAlign: 'right' }}>
+                          <th style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}>
                             HSN
                           </th>
                         )}
                       {GlobaldummyData
                         ? GlobalQuantity && (
-                          <th style={{ width: '8px', textAlign: 'right' }}>
+                          <th style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}>
                             Qty
                           </th>
                         )
                         : Quantity && (
-                          <th style={{ width: '8px', textAlign: 'right' }}>
+                          <th style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}>
                             {WeightasKg ? 'Qty/Kg' : 'Qty'}
                           </th>
                         )}
                       {GlobaldummyData
                         ? GlobalMRP && (
-                          <th style={{ width: '8px', textAlign: 'right' }}>
+                          <th style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}>
                             MRP
                           </th>
                         )
                         : MRP && (
-                          <th style={{ width: '8px', textAlign: 'right' }}>
+                          <th style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}>
                             MRP
                           </th>
                         )}
                       {GlobaldummyData
                         ? GlobalAmount && (
-                          <th style={{ width: '8px', textAlign: 'right' }}>
+                          <th style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}>
                             Amt
                           </th>
                         )
                         : Amount && (
-                          <th style={{ width: '8px', textAlign: 'right' }}>
+                          <th style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}>
                             Amt
                           </th>
                         )}
                       {GlobaldummyData
                         ? GlobalDiscount && (
-                          <th style={{ width: '8px', textAlign: 'right' }}>
+                          <th style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}>
                             Dis{' '}
                           </th>
                         )
                         : Discount && (
-                          <th style={{ width: '8px', textAlign: 'right' }}>
+                          <th style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}>
                             Dis{' '}
                           </th>
                         )}
                       {GlobaldummyData
                         ? GlobalTax && (
-                          <th style={{ width: '10px', textAlign: 'center' }}>
+                          <th style={{...tableHeaderStyle, width: '10px', textAlign: 'center' }}>
                             Tax %
                           </th>
                         )
                         : Tax == true &&
                         table2Data?.OrderType !== 'E' && (
-                          <th style={{ width: '10px', textAlign: 'center' }}>
+                          <th style={{...tableHeaderStyle, width: '10px', textAlign: 'center' }}>
                             Tax %
                           </th>
                         )}
                       {GlobaldummyData
                         ? GlobalRate && (
-                          <th style={{ width: '8px', textAlign: 'right' }}>
+                          <th style={{ ...tableHeaderStyle,width: '8px', textAlign: 'right' }}>
                             Rate
                           </th>
                         )
                         : Rate && (
-                          <th style={{ width: '8px', textAlign: 'right' }}>
+                          <th style={{...tableHeaderStyle, width: '8px', textAlign: 'right' }}>
                             Rate
                           </th>
                         )}
@@ -3598,7 +3700,18 @@ const Printstyle2 = ({
                     {(GlobaldummyData ? products : DineInData)?.map(
                       (item, index) => {
                         return (
-                          <tr key={index}>
+                          <tr key={index}
+                          style={
+                                index % 2 !== 1 && rowtypeStyle === "even"
+                                  ? {
+                                    ...tableBodyStyle
+                                  }
+                                  : index % 2 === 1 && rowtypeStyle === "odd"
+                                    ? {
+                                     ...tableBodyStyle
+                                    }
+                                    : {}
+                              }>
                             {GlobaldummyData
                               ? GlobalSlNo && (
                                 <td className="Re-print-body-Rate">
@@ -3772,7 +3885,7 @@ const Printstyle2 = ({
               <hr className="PrintStyle2-print-dottline" />
             </div>
           )}
-          <div className="PrintStyle2-ThirdDivMaster">
+          <div className="PrintStyle2-ThirdDivMaster" style={{...netAmountStyle}}>
             <div className="PrintStyle2-ThirdP">
               <div>
                 <div style={{ textAlign: 'left', fontWeight: '600' }}>Qty</div>
@@ -4386,6 +4499,7 @@ const Printstyle2 = ({
                     pageBreakBefore: 'avoid',
                     pageBreakInside: 'avoid',
                     minHeight: 'auto',
+                     ...footerColorStyle
                   }}
                 >
                   {GlobaldummyData