ui changes and cs prices

src/app.html

@@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="en">
+<html lang="en" class="dark" data-theme="dark">
 	<head>
 		<meta name="theme-color" content="#000000" />
 		<script>
@@ -17,6 +17,10 @@
 						? 'light'
 						: 'dark'
 					: themePreference;
+			document.documentElement.classList.toggle(
+				'dark',
+				document.documentElement.dataset.theme === 'dark'
+			);
 			document.querySelector('meta[name="theme-color"]').content =
 				document.documentElement.dataset.theme === 'light' ? '#ffffff' : '#000000';
 		</script>
@@ -37,12 +41,6 @@
 		<link rel="icon" type="image/png" sizes="32x32" href="%sveltekit.assets%/favicon-32x32.png" />
 		<link rel="icon" type="image/png" sizes="16x16" href="%sveltekit.assets%/favicon-16x16.png" />
 		<link rel="manifest" href="%sveltekit.assets%/site.webmanifest" />
-		<link rel="preconnect" href="https://fonts.googleapis.com" />
-		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous" />
-		<link
-			href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap"
-			rel="stylesheet"
-		/>
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
 		%sveltekit.head%
 	</head>