From a054a92ef1cfc3d1dc0dc7b16b9d2ba7aab082d8 Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Wed, 12 Jun 2024 09:44:45 +0300
Subject: [PATCH] Add transparency to content backgrounds

---
 packages/themes/src/presets/aura/index.js | 2 +-
 packages/themes/src/presets/lara/index.js | 2 +-
 packages/themes/src/presets/nora/index.js | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/themes/src/presets/aura/index.js b/packages/themes/src/presets/aura/index.js
index 7e13312bde..c172c20ae0 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: '{surface.900}',
+                    background: 'transparent',
                     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 04f7a83c39..b29e7cc1be 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: '{surface.900}',
+                    background: 'transparent',
                     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 8e7247a02e..3de122e717 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: '{surface.900}',
+                    background: 'transparent',
                     hoverBackground: '{surface.700}',
                     borderColor: '{surface.500}',
                     color: '{text.color}',