Graphical overhaul.

Remove all legacy pixeldrain pages, handlers and assets.
Remove old theming engine.
Make logo responsive to the accent colour.
Lots of other stuff.

svelte/src/layout/FileTitle.svelte

@@ -1,14 +0,0 @@
-<script lang="ts">
-let { title = "" }: {
-	title?: string;
-} = $props();
-</script>
-
-<h1>{title}</h1>
-
-<style>
-h1 {
-	text-shadow: 1px 1px 2px #000000;
-	line-break: anywhere;
-}
-</style>

svelte/src/layout/ToggleButton.svelte

@@ -42,9 +42,9 @@ const click = (e: MouseEvent) => {
 	class:flat
 >
 	{#if on}
-		<i class="icon green">{icon_on}</i>
+		<i class="icon on">{icon_on}</i>
 	{:else}
-		<i class="icon red">{icon_off}</i>
+		<i class="icon off">{icon_off}</i>
 	{/if}
 	{@render children?.()}
 </button>
@@ -53,10 +53,10 @@ const click = (e: MouseEvent) => {
 .button {
 	flex: 0 0 content;
 }
-.green {
-	color: var(--highlight_color);
+.on {
+	color: var(--accent_color);
 }
-.red {
-	color: var(--danger_color);
+.off {
+	color: var(--red_color);
 }
 </style>

svelte/src/layout/checkout/PickAmount.svelte

@@ -280,7 +280,7 @@ const submit = async (e: SubmitEvent) => {
 
 <style>
 .date {
-	color: var(--highlight_color);
+	color: var(--accent_color);
 }
 /* layout.css collapses the table borders, which makes the browser ignore any
    padding on the table itself. The cells line the table up with the rest of

svelte/src/layout/checkout/SubscriptionPlans.svelte

@@ -94,7 +94,7 @@ get_misc_subscriptions().then(v => plans = v).catch(err => {
 	background-color: var(--body_color);
 }
 .plan.highlighted {
-	border-color: var(--highlight_color);
+	border-color: var(--accent_color);
 }
 .plan > div {
 	flex: 1 1 0;