From bb7795b5acc824e00452f26ec4a8fcf964c812d8 Mon Sep 17 00:00:00 2001
From: Rich Harris <rich.harris@vercel.com>
Date: Wed, 30 Oct 2024 08:19:27 -0400
Subject: [PATCH 1/2] reverse toggles

---
 apps/svelte.dev/src/lib/icons/theme-dark.svg            | 2 +-
 apps/svelte.dev/src/lib/icons/theme-light.svg           | 2 +-
 packages/site-kit/src/lib/components/FontToggle.svelte  | 8 ++++----
 packages/site-kit/src/lib/components/ThemeToggle.svelte | 4 ++--
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/apps/svelte.dev/src/lib/icons/theme-dark.svg b/apps/svelte.dev/src/lib/icons/theme-dark.svg
index 919499d388..53db51d3e3 100644
--- a/apps/svelte.dev/src/lib/icons/theme-dark.svg
+++ b/apps/svelte.dev/src/lib/icons/theme-dark.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#d4d4d4" d="M12 21q-3.775 0-6.388-2.613T3 12q0-3.45 2.25-5.988T11 3.05q.625-.075.975.45t-.025 1.1q-.425.65-.638 1.375T11.1 7.5q0 2.25 1.575 3.825T16.5 12.9q.775 0 1.538-.225t1.362-.625q.525-.35 1.075-.037t.475.987q-.35 3.45-2.937 5.725T12 21Zm0-2q2.2 0 3.95-1.213t2.55-3.162q-.5.125-1 .2t-1 .075q-3.075 0-5.238-2.163T9.1 7.5q0-.5.075-1t.2-1q-1.95.8-3.163 2.55T5 12q0 2.9 2.05 4.95T12 19Zm-.25-6.75Z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#666" d="M12 21q-3.775 0-6.388-2.613T3 12q0-3.45 2.25-5.988T11 3.05q.625-.075.975.45t-.025 1.1q-.425.65-.638 1.375T11.1 7.5q0 2.25 1.575 3.825T16.5 12.9q.775 0 1.538-.225t1.362-.625q.525-.35 1.075-.037t.475.987q-.35 3.45-2.937 5.725T12 21Zm0-2q2.2 0 3.95-1.213t2.55-3.162q-.5.125-1 .2t-1 .075q-3.075 0-5.238-2.163T9.1 7.5q0-.5.075-1t.2-1q-1.95.8-3.163 2.55T5 12q0 2.9 2.05 4.95T12 19Zm-.25-6.75Z"/></svg>
diff --git a/apps/svelte.dev/src/lib/icons/theme-light.svg b/apps/svelte.dev/src/lib/icons/theme-light.svg
index 0f2b9b9621..8da55a82d7 100644
--- a/apps/svelte.dev/src/lib/icons/theme-light.svg
+++ b/apps/svelte.dev/src/lib/icons/theme-light.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#666" d="M12 19a1 1 0 0 1 .993.883L13 20v1a1 1 0 0 1-1.993.117L11 21v-1a1 1 0 0 1 1-1zm6.313-2.09.094.083.7.7a1 1 0 0 1-1.32 1.497l-.094-.083-.7-.7a1 1 0 0 1 1.218-1.567l.102.07zm-11.306.083a1 1 0 0 1 .083 1.32l-.083.094-.7.7a1 1 0 0 1-1.497-1.32l.083-.094.7-.7a1 1 0 0 1 1.414 0zM4 11a1 1 0 0 1 .117 1.993L4 13H3a1 1 0 0 1-.117-1.993L3 11h1zm17 0a1 1 0 0 1 .117 1.993L21 13h-1a1 1 0 0 1-.117-1.993L20 11h1zM6.213 4.81l.094.083.7.7a1 1 0 0 1-1.32 1.497l-.094-.083-.7-.7A1 1 0 0 1 6.11 4.74l.102.07zm12.894.083a1 1 0 0 1 .083 1.32l-.083.094-.7.7a1 1 0 0 1-1.497-1.32l.083-.094.7-.7a1 1 0 0 1 1.414 0zM12 2a1 1 0 0 1 .993.883L13 3v1a1 1 0 0 1-1.993.117L11 4V3a1 1 0 0 1 1-1zm0 5a5 5 0 1 1-4.995 5.217L7 12l.005-.217A5 5 0 0 1 12 7z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#d4d4d4" d="M12 19a1 1 0 0 1 .993.883L13 20v1a1 1 0 0 1-1.993.117L11 21v-1a1 1 0 0 1 1-1zm6.313-2.09.094.083.7.7a1 1 0 0 1-1.32 1.497l-.094-.083-.7-.7a1 1 0 0 1 1.218-1.567l.102.07zm-11.306.083a1 1 0 0 1 .083 1.32l-.083.094-.7.7a1 1 0 0 1-1.497-1.32l.083-.094.7-.7a1 1 0 0 1 1.414 0zM4 11a1 1 0 0 1 .117 1.993L4 13H3a1 1 0 0 1-.117-1.993L3 11h1zm17 0a1 1 0 0 1 .117 1.993L21 13h-1a1 1 0 0 1-.117-1.993L20 11h1zM6.213 4.81l.094.083.7.7a1 1 0 0 1-1.32 1.497l-.094-.083-.7-.7A1 1 0 0 1 6.11 4.74l.102.07zm12.894.083a1 1 0 0 1 .083 1.32l-.083.094-.7.7a1 1 0 0 1-1.497-1.32l.083-.094.7-.7a1 1 0 0 1 1.414 0zM12 2a1 1 0 0 1 .993.883L13 3v1a1 1 0 0 1-1.993.117L11 4V3a1 1 0 0 1 1-1zm0 5a5 5 0 1 1-4.995 5.217L7 12l.005-.217A5 5 0 0 1 12 7z"/></svg>
diff --git a/packages/site-kit/src/lib/components/FontToggle.svelte b/packages/site-kit/src/lib/components/FontToggle.svelte
index 076372bbbf..bec698d3c3 100644
--- a/packages/site-kit/src/lib/components/FontToggle.svelte
+++ b/packages/site-kit/src/lib/components/FontToggle.svelte
@@ -30,18 +30,18 @@
 	}
 
 	button[aria-pressed='true'] {
-		background-image: url(../icons/font-boring-light.svg);
+		background-image: url(../icons/font-elegant-light.svg);
 
 		:global(.dark) & {
-			background-image: url(../icons/font-boring-dark.svg);
+			background-image: url(../icons/font-elegant-dark.svg);
 		}
 	}
 
 	button[aria-pressed='false'] {
-		background-image: url(../icons/font-elegant-light.svg);
+		background-image: url(../icons/font-boring-light.svg);
 
 		:global(.dark) & {
-			background-image: url(../icons/font-elegant-dark.svg);
+			background-image: url(../icons/font-boring-dark.svg);
 		}
 	}
 </style>
diff --git a/packages/site-kit/src/lib/components/ThemeToggle.svelte b/packages/site-kit/src/lib/components/ThemeToggle.svelte
index 7882cd31c4..b469015362 100644
--- a/packages/site-kit/src/lib/components/ThemeToggle.svelte
+++ b/packages/site-kit/src/lib/components/ThemeToggle.svelte
@@ -31,10 +31,10 @@
 
 <style>
 	button {
-		background-image: url($lib/icons/theme-light.svg);
+		background-image: url($lib/icons/theme-dark.svg);
 
 		:global(.dark) & {
-			background-image: url($lib/icons/theme-dark.svg);
+			background-image: url($lib/icons/theme-light.svg);
 		}
 	}
 </style>

From e5e90f171c9553216ca53204b417e508d5ed72ab Mon Sep 17 00:00:00 2001
From: Rich Harris <rich.harris@vercel.com>
Date: Wed, 30 Oct 2024 08:23:36 -0400
Subject: [PATCH 2/2] take it down a notch

---
 packages/site-kit/src/lib/components/ThemeToggle.svelte | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/site-kit/src/lib/components/ThemeToggle.svelte b/packages/site-kit/src/lib/components/ThemeToggle.svelte
index b469015362..5e93614caf 100644
--- a/packages/site-kit/src/lib/components/ThemeToggle.svelte
+++ b/packages/site-kit/src/lib/components/ThemeToggle.svelte
@@ -32,6 +32,7 @@
 <style>
 	button {
 		background-image: url($lib/icons/theme-dark.svg);
+		background-size: 2rem;
 
 		:global(.dark) & {
 			background-image: url($lib/icons/theme-light.svg);