From c513debcae970e1328c564e7845def4056cf8119 Mon Sep 17 00:00:00 2001
From: momo5502 <mauriceheumann@gmail.com>
Date: Sat, 12 Jul 2025 10:24:18 +0200
Subject: [PATCH] Frosted glass effect

---
 page/src/components/emulation-summary.css | 3 ++-
 page/src/components/emulation-summary.tsx | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/page/src/components/emulation-summary.css b/page/src/components/emulation-summary.css
index 712cd2ac..23ec69ce 100644
--- a/page/src/components/emulation-summary.css
+++ b/page/src/components/emulation-summary.css
@@ -1,4 +1,5 @@
 .emulation-summary {
-  box-shadow: 0px 0px 10px 4px rgba(255, 255, 255, 0.1);
+  box-shadow: 0px 0px 15px 4px rgba(255, 255, 255, 0.1);
   /*border: 1px solid rgba(255, 255, 255, 0.2);*/
+  backdrop-filter: blur(7px) brightness(0.8) saturate(1.3);
 }
diff --git a/page/src/components/emulation-summary.tsx b/page/src/components/emulation-summary.tsx
index 3bfa5575..71aeee6e 100644
--- a/page/src/components/emulation-summary.tsx
+++ b/page/src/components/emulation-summary.tsx
@@ -14,7 +14,7 @@ export function EmulationSummary(props: EmulationSummaryProps) {
   }
 
   return (
-    <div className="emulation-summary items-center absolute z-49 right-0 m-6 rounded-xl min-w-[150px] p-3 bg-black text-whtie cursor-default font-medium text-right text-sm whitespace-nowrap leading-6 font-mono">
+    <div className="emulation-summary items-center absolute z-49 right-0 m-6 rounded-xl min-w-[150px] p-3 text-whtie cursor-default font-medium text-right text-sm whitespace-nowrap leading-6 font-mono">
       <TextTooltip tooltip={"Active threads"}>
         {props.status.activeThreads}
         <BarChartSteps className="inline ml-3" />