remove dark mode styling for document preview

resources/css/filament/company/theme.css

         box-shadow: none !important;
     }
 }
+
+.doc-template-container {
+    color: initial;
+}

resources/views/components/company/document-template/container.blade.php

 <div class="doc-template-container flex justify-center p-6">
     <div
         @class([
-            'doc-template-paper bg-[#ffffff] dark:bg-gray-800 rounded-sm shadow-xl',
+            'doc-template-paper bg-[#ffffff] shadow-xl border border-gray-200',
             'w-full max-w-[820px] min-h-[1066px] max-h-[1200px] overflow-y-auto' => $preview === false,
             'w-[38.25rem] h-[49.5rem] overflow-hidden' => $preview === true,
         ])

resources/views/filament/company/components/document-templates/classic.blade.php

             <hr class="grow-[2] py-0.5 border-solid border-y-2" style="border-color: {{ $document->accentColor }};">
         </div>
         @if ($document->subheader)
-            <p class="text-xs text-center text-gray-600 dark:text-gray-400">{{ $document->subheader }}</p>
+            <p class="text-xs text-center text-gray-600">{{ $document->subheader }}</p>
         @endif
 
         <div class="flex justify-between items-end">
             <!-- Billing Details -->
             <div class="text-xs">
-                <h3 class="text-gray-600 dark:text-gray-400 font-medium mb-1">BILL TO</h3>
+                <h3 class="text-gray-600 font-medium mb-1">BILL TO</h3>
                 <p class="text-xs font-bold">{{ $document->client->name }}</p>
                 @if($formattedAddress = $document->client->getFormattedAddressHtml())
                     {!! $formattedAddress !!}
                         <td class="text-right py-2">{{ $document->subtotal }}</td>
                     </tr>
                     @if($document->discount)
-                        <tr class="text-success-800 dark:text-success-600">
+                        <tr class="text-success-800">
                             <td class="text-right py-2">Discount:</td>
                             <td class="text-right py-2">
                                 ({{ $document->discount }})

resources/views/filament/company/components/document-templates/default.blade.php

                 <div>
                     <h1 class="text-3xl font-light uppercase">{{ $document->header }}</h1>
                     @if ($document->subheader)
-                        <p class="text-xs text-gray-600 dark:text-gray-400">{{ $document->subheader }}</p>
+                        <p class="text-xs text-gray-600">{{ $document->subheader }}</p>
                     @endif
                 </div>
                 <div class="text-xs">
         <div class="flex justify-between items-end">
             <!-- Billing Details -->
             <div class="text-xs">
-                <h3 class="text-gray-600 dark:text-gray-400 font-medium mb-1">BILL TO</h3>
+                <h3 class="text-gray-600 font-medium mb-1">BILL TO</h3>
                 <p class="text-xs font-bold">{{ $document->client->name }}</p>
                 @if($formattedAddress = $document->client->getFormattedAddressHtml())
                     {!! $formattedAddress !!}
                 <td class="text-right font-semibold">Subtotal:</td>
                 <td class="text-right pr-6">{{ $document->subtotal }}</td>
             </tr>
-            <tr class="text-success-800 dark:text-success-600">
+            <tr class="text-success-800">
                 <td class="pl-6" colspan="2"></td>
                 <td class="text-right">Discount (5%):</td>
                 <td class="text-right pr-6">({{ $document->discount }})</td>

resources/views/filament/company/components/document-templates/modern.blade.php

         <div class="flex justify-between items-end">
             <!-- Billing Details -->
             <div class="text-xs">
-                <h3 class="text-gray-600 dark:text-gray-400 font-medium mb-1">BILL TO</h3>
+                <h3 class="text-gray-600 font-medium mb-1">BILL TO</h3>
                 <p class="text-xs font-bold"
                    style="color: {{ $document->accentColor }}">{{ $document->client->name }}</p>
 
     <x-company.document-template.line-items class="modern-template-line-items">
         <table class="w-full text-left table-fixed">
             <thead class="text-xs leading-8">
-            <tr class="text-gray-600 dark:text-gray-400">
+            <tr class="text-gray-600">
                 <th class="text-left pl-6 w-[50%]">{{ $document->columnLabel->items }}</th>
                 <th class="text-center w-[10%]">{{ $document->columnLabel->units }}</th>
                 <th class="text-right w-[20%]">{{ $document->columnLabel->price }}</th>
             </thead>
             <tbody class="text-xs border-y-2">
             @foreach($document->lineItems as $index => $item)
-                <tr @class(['bg-gray-100 dark:bg-gray-800' => $index % 2 === 0])>
+                <tr @class(['bg-gray-100' => $index % 2 === 0])>
                     <td class="text-left pl-6 font-semibold py-2">
                         {{ $item->name }}
                         @if($item->description)
                 <td class="text-right pr-6 py-1">{{ $document->subtotal }}</td>
             </tr>
             @if($document->discount)
-                <tr class="text-success-800 dark:text-success-600">
+                <tr class="text-success-800">
                     <td class="pl-6 py-1" colspan="2"></td>
                     <td class="text-right py-1">Discount:</td>
                     <td class="text-right pr-6 py-1">

resources/views/filament/infolists/components/document-templates/classic.blade.php

             <hr class="grow-[2] py-0.5 border-solid border-y-2" style="border-color: {{ $document->accentColor }};">
         </div>
         @if ($document->subheader)
-            <p class="text-sm text-center text-gray-600 dark:text-gray-400">{{ $document->subheader }}</p>
+            <p class="text-sm text-center text-gray-600">{{ $document->subheader }}</p>
         @endif
 
         <div class="flex justify-between items-end">
             <!-- Billing Details -->
             <div class="text-sm">
-                <h3 class="text-gray-600 dark:text-gray-400 font-medium mb-1">BILL TO</h3>
+                <h3 class="text-gray-600 font-medium mb-1">BILL TO</h3>
                 <p class="text-sm font-bold">{{ $document->client->name }}</p>
                 @if($formattedAddress = $document->client->getFormattedAddressHtml())
                     {!! $formattedAddress !!}
                         </tr>
                     @endif
                     @if($document->discount)
-                        <tr class="text-success-800 dark:text-success-600">
+                        <tr class="text-success-800">
                             <td class="text-right py-2">Discount:</td>
                             <td class="text-right py-2">
                                 ({{ $document->discount }})

resources/views/filament/infolists/components/document-templates/default.blade.php

                 <div>
                     <h1 class="text-3xl font-light uppercase">{{ $document->header }}</h1>
                     @if ($document->subheader)
-                        <p class="text-sm text-gray-600 dark:text-gray-400">{{ $document->subheader }}</p>
+                        <p class="text-sm text-gray-600">{{ $document->subheader }}</p>
                     @endif
                 </div>
                 <div class="text-sm">
         <div class="flex justify-between items-end">
             <!-- Billing Details -->
             <div class="text-sm">
-                <h3 class="text-gray-600 dark:text-gray-400 font-medium mb-1">BILL TO</h3>
+                <h3 class="text-gray-600 font-medium mb-1">BILL TO</h3>
                 <p class="text-sm font-bold">{{ $document->client->name }}</p>
                 @if($formattedAddress = $document->client->getFormattedAddressHtml())
                     {!! $formattedAddress !!}
                 </tr>
             @endif
             @if($document->discount)
-                <tr class="text-success-800 dark:text-success-600">
+                <tr class="text-success-800">
                     <td class="pl-6 py-2" colspan="2"></td>
                     <td class="text-right py-2">Discount:</td>
                     <td class="text-right pr-6 py-2">

resources/views/filament/infolists/components/document-templates/modern.blade.php

         <div class="flex justify-between items-end">
             <!-- Billing Details -->
             <div class="text-sm">
-                <h3 class="text-gray-600 dark:text-gray-400 font-medium mb-1">BILL TO</h3>
+                <h3 class="text-gray-600 font-medium mb-1">BILL TO</h3>
                 <p class="text-sm font-bold"
                    style="color: {{ $document->accentColor }}">{{ $document->client->name }}</p>
 
     <x-company.document-template.line-items class="modern-template-line-items">
         <table class="w-full text-left table-fixed">
             <thead class="text-sm leading-relaxed">
-            <tr class="text-gray-600 dark:text-gray-400">
+            <tr class="text-gray-600">
                 <th class="text-left pl-6 w-[50%] py-4">{{ $document->columnLabel->items }}</th>
                 <th class="text-center w-[10%] py-4">{{ $document->columnLabel->units }}</th>
                 <th class="text-right w-[20%] py-4">{{ $document->columnLabel->price }}</th>
             </thead>
             <tbody class="text-sm border-y-2">
             @foreach($document->lineItems as $index => $item)
-                <tr @class(['bg-gray-100 dark:bg-gray-800' => $index % 2 === 0])>
+                <tr @class(['bg-gray-100' => $index % 2 === 0])>
                     <td class="text-left pl-6 font-semibold py-3">
                         {{ $item->name }}
                         @if($item->description)
                 </tr>
             @endif
             @if($document->discount)
-                <tr class="text-success-800 dark:text-success-600">
+                <tr class="text-success-800">
                     <td class="pl-6 py-2" colspan="2"></td>
                     <td class="text-right py-2">Discount:</td>
                     <td class="text-right pr-6 py-2">