From d71c36fda610550570daf64c808298c099505ad1 Mon Sep 17 00:00:00 2001
From: mat <github@matdoes.dev>
Date: Sun, 20 Mar 2022 17:57:34 -0500
Subject: improve tooltip style

---
 src/lib/Tooltip.svelte | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

(limited to 'src/lib/Tooltip.svelte')

diff --git a/src/lib/Tooltip.svelte b/src/lib/Tooltip.svelte
index 14fa90d..486ede4 100644
--- a/src/lib/Tooltip.svelte
+++ b/src/lib/Tooltip.svelte
@@ -35,8 +35,11 @@
 		opacity: 0;
 		position: absolute;
 
-		background: var(--theme-lightest-background);
+		background: rgba(20, 20, 20, 0.9);
 		border-radius: 0.25em;
+
+		backdrop-filter: blur(0.2em);
+
 		bottom: 125%;
 		color: var(--theme-main-text);
 		margin-left: max(calc(-50% - 1em), -5em);
@@ -56,7 +59,7 @@
 	}
 	.tooltip-container:hover > .tooltip-content,
 	.tooltip-container:focus > .tooltip-content {
-		opacity: 0.9;
+		opacity: 1;
 		transform: scale(1) translateY(0);
 	}
 
-- 
cgit