From 33f10da396fdc13edcb8faaee212280102b24f3a Mon Sep 17 00:00:00 2001
From: Max Richter <max.richter@dynabase.de>
Date: Mon, 9 Feb 2026 15:26:48 +0100
Subject: [PATCH] feat(ui): make details stand out

---
 packages/ui/src/lib/Details.svelte | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/packages/ui/src/lib/Details.svelte b/packages/ui/src/lib/Details.svelte
index bbcb75d..1103057 100644
--- a/packages/ui/src/lib/Details.svelte
+++ b/packages/ui/src/lib/Details.svelte
@@ -7,14 +7,19 @@
     open?: boolean;
     class?: string;
   }
-  let { title = 'Details', transparent = false, children, open = $bindable(false), class: _class }:
-    Props = $props();
+  let {
+    title = 'Details',
+    transparent = false,
+    children,
+    open = $bindable(false),
+    class: _class
+  }: Props = $props();
 </script>
 
 <details
   class:transparent
   bind:open
-  class="text-text outline-1 outline-outline bg-layer-1 {_class}"
+  class="text-text outline-1 outline-outline bg-layer-2 {_class}"
 >
   <summary>{title}</summary>
   <div>