From de2560a1cb847e4756f8345bbfd7843b90f02c4b Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Sun, 16 Jun 2024 00:03:51 +0100
Subject: [PATCH] Fixed transparent issues

---
 .../components/landing/samples/CustomersApp.vue   |  8 ++++++++
 .../components/landing/samples/InboxApp.vue       |  8 ++++++++
 .../components/landing/samples/OverviewApp.vue    | 15 +++++++++++++--
 packages/themes/src/presets/aura/index.js         |  2 +-
 packages/themes/src/presets/lara/index.js         |  2 +-
 packages/themes/src/presets/nora/index.js         |  2 +-
 6 files changed, 32 insertions(+), 5 deletions(-)

diff --git a/apps/showcase/components/landing/samples/CustomersApp.vue b/apps/showcase/components/landing/samples/CustomersApp.vue
index 7420efa89..62e190365 100644
--- a/apps/showcase/components/landing/samples/CustomersApp.vue
+++ b/apps/showcase/components/landing/samples/CustomersApp.vue
@@ -35,6 +35,14 @@
                         class: 'sticky top-0 z-10'
                     }
                 }"
+                :dt="{
+                    headerCell: {
+                        background: 'transparent'
+                    },
+                    row: {
+                        background: 'transparent'
+                    }
+                }"
             >
                 <template #empty>There is no customer.</template>
                 <Column selectionMode="multiple" headerStyle="width: 1rem" style="width: 1rem"></Column>
diff --git a/apps/showcase/components/landing/samples/InboxApp.vue b/apps/showcase/components/landing/samples/InboxApp.vue
index b58305e01..1d8abdec8 100644
--- a/apps/showcase/components/landing/samples/InboxApp.vue
+++ b/apps/showcase/components/landing/samples/InboxApp.vue
@@ -62,6 +62,14 @@
                         }
                     }
                 }"
+                :dt="{
+                    headerCell: {
+                        background: 'transparent'
+                    },
+                    row: {
+                        background: 'transparent'
+                    }
+                }"
             >
                 <template #header>
                     <div class="flex xl:items-center justify-between gap-2 flex-col xl:flex-row">
diff --git a/apps/showcase/components/landing/samples/OverviewApp.vue b/apps/showcase/components/landing/samples/OverviewApp.vue
index 18b43ad8d..b7528e28e 100644
--- a/apps/showcase/components/landing/samples/OverviewApp.vue
+++ b/apps/showcase/components/landing/samples/OverviewApp.vue
@@ -26,7 +26,7 @@
                 </Button>
             </div>
         </div>
-        <div class="mt-4 flex flex-wrap gap-6 items-start justify-between">
+        <div class="mt-4 flex flex-wrap gap-6 items-center justify-between">
             <SelectButton v-model="selectedTime" :options="timeOptions" aria-labelledby="basic" :allowEmpty="false" />
             <div class="flex items-center gap-2">
                 <Button label="Download" icon="pi pi-download" iconPos="right" />
@@ -61,7 +61,18 @@
                         tableClass="overflow-x-auto dark:bg-surface-950"
                         paginatorTemplate="PrevPageLink PageLinks NextPageLink  CurrentPageReport RowsPerPageDropdown"
                         currentPageReportTemplate="Showing {first} to {last} of {totalRecords} entries"
-                        :pt="{}"
+                        pt:pcpaginator:root="!bg-transparent"
+                        :dt="{
+                            header: {
+                                background: 'transparent'
+                            },
+                            headerCell: {
+                                background: 'transparent'
+                            },
+                            row: {
+                                background: 'transparent'
+                            }
+                        }"
                     >
                         <Column header="Id" class="w-1/12">
                             <template #body="slotProps">
diff --git a/packages/themes/src/presets/aura/index.js b/packages/themes/src/presets/aura/index.js
index c172c20ae..7e13312bd 100644
--- a/packages/themes/src/presets/aura/index.js
+++ b/packages/themes/src/presets/aura/index.js
@@ -391,7 +391,7 @@ export default {
                     hoverMutedColor: '{surface.300}'
                 },
                 content: {
-                    background: 'transparent',
+                    background: '{surface.900}',
                     hoverBackground: '{surface.800}',
                     borderColor: '{surface.700}',
                     color: '{text.color}',
diff --git a/packages/themes/src/presets/lara/index.js b/packages/themes/src/presets/lara/index.js
index b29e7cc1b..04f7a83c3 100644
--- a/packages/themes/src/presets/lara/index.js
+++ b/packages/themes/src/presets/lara/index.js
@@ -396,7 +396,7 @@ export default {
                     hoverMutedColor: '{surface.300}'
                 },
                 content: {
-                    background: 'transparent',
+                    background: '{surface.900}',
                     hoverBackground: '{surface.800}',
                     borderColor: '{surface.700}',
                     color: '{text.color}',
diff --git a/packages/themes/src/presets/nora/index.js b/packages/themes/src/presets/nora/index.js
index 3de122e71..8e7247a02 100644
--- a/packages/themes/src/presets/nora/index.js
+++ b/packages/themes/src/presets/nora/index.js
@@ -391,7 +391,7 @@ export default {
                     hoverMutedColor: '{surface.300}'
                 },
                 content: {
-                    background: 'transparent',
+                    background: '{surface.900}',
                     hoverBackground: '{surface.700}',
                     borderColor: '{surface.500}',
                     color: '{text.color}',