From 62ddf3a11bf430b5c680a20f8cfe70c91d898e87 Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Sat, 14 Feb 2026 00:08:59 +0200
Subject: [PATCH] client/ui/cards: automatically determine the opacity of the
 background color of nested card sections

---
 apps/client/src/widgets/react/Card.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/client/src/widgets/react/Card.css b/apps/client/src/widgets/react/Card.css
index ea906cc0a8..d717354be1 100644
--- a/apps/client/src/widgets/react/Card.css
+++ b/apps/client/src/widgets/react/Card.css
@@ -24,7 +24,7 @@
 
         &.tn-card-section-nested {
             padding-left: calc(30px * var(--tn-card-section-nesting-level));
-            opacity: .5;
+            background-color: color-mix(in srgb, var(--card-background-color) calc(100% / (var(--tn-card-section-nesting-level) + 1)) , transparent);
         }
 
         &.tn-action:hover {