From ef4d3f16462526697748a67e4ef744ba59530f7b Mon Sep 17 00:00:00 2001
From: Puru Vijay <devpuruvj@gmail.com>
Date: Thu, 11 May 2023 13:38:54 +0530
Subject: [PATCH] New hover styles on demo

---
 sites/svelte.dev/src/routes/_components/Demo.svelte | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/sites/svelte.dev/src/routes/_components/Demo.svelte b/sites/svelte.dev/src/routes/_components/Demo.svelte
index 0f54a08c1a..4f8bcad1b7 100644
--- a/sites/svelte.dev/src/routes/_components/Demo.svelte
+++ b/sites/svelte.dev/src/routes/_components/Demo.svelte
@@ -112,7 +112,8 @@
 	}
 
 	button:hover {
-		background-color: rgba(255, 255, 255, 0.2);
+		background-color: var(--sk-back-3);
+		background-color: color-mix(in srgb, var(--sk-back-4) 70%, var(--sk-back-1) 30%);
 	}
 
 	button:has(+ .selected) {