fix colours more

src/app.scss

@@ -38,7 +38,7 @@
 
 	// foregrounds
 	--fg: hsl(0, 0%, 0%);
-	--fg-muted: hsl(0, 0%, 50%);
+	--fg-muted: hsla(0, 0%, 0%, 0.6);
 	--fg-on-accent: hsl(0, 0%, 0%);
 	--fg-on-badge: hsl(0, 0%, 100%);
 
@@ -79,7 +79,7 @@
 
 	// foregrounds
 	--fg: hsl(0, 0%, 100%);
-	--fg-muted: hsl(0, 0%, 50%);
+	--fg-muted: hsla(0, 0%, 100%, 0.6);
 	--fg-on-accent: hsl(0, 0%, 0%);
 	--fg-on-badge: hsl(0, 0%, 0%);
 

src/lib/sections/settings/Appearance.svelte

@@ -43,7 +43,7 @@
 			<div class="flex flex-col gap-4">
 				<div class="flex flex-col gap-2">
 					<p class="text-base font-bold">Brightness theme</p>
-					<p class="text-sm opacity-60 font-normal italic">
+					<p class="text-sm text-muted font-normal italic">
 						Want a sunny flash-bang, or a quiet lonely night?
 					</p>
 				</div>

src/lib/sections/settings/Conversion.svelte

@@ -35,7 +35,7 @@
 			<div class="flex flex-col gap-4">
 				<div class="flex flex-col gap-2">
 					<p class="text-base font-bold">File name format</p>
-					<p class="text-sm opacity-60 font-normal">
+					<p class="text-sm text-muted font-normal">
 						This will determine the name of the file on download, <span
 							class="font-bold italic"
 							>not including the file extension.</span
@@ -61,7 +61,7 @@
 			<div class="flex flex-col gap-4">
 				<div class="flex flex-col gap-2">
 					<p class="text-base font-bold">Second option</p>
-					<p class="text-sm opacity-60 font-normal">
+					<p class="text-sm text-muted font-normal">
 						This is just a sample option. This should not show up on
 						the live website. JOVANN, DO NOT ADD THIS TO THE LIVE
 						WEBSITE. PLEASE. JOVANN!!!!

src/routes/+page.svelte

@@ -31,7 +31,7 @@
 						The file converter you'll love.
 					</h1>
 					<p
-						class="font-normal px-5 md:p-0 text-lg md:text-xl text-black opacity-60 dynadark:text-white dynadark:opacity-60"
+						class="font-normal px-5 md:p-0 text-lg md:text-xl text-black text-muted dynadark:text-muted"
 					>
 						All processing is done on your device. No file size
 						limit, no ads, and completely open source.

src/routes/about/+page.svelte

@@ -97,7 +97,7 @@
 		<div class="flex flex-col gap-4 flex-1">
 			<About.Resources />
 			<About.Credits {mainContribs} {ghContribs} />
-			<About.Donate />
+			<!-- <About.Donate /> -->
 		</div>
 	</div>
 </div>