add theme toggle

site/src/App.vue

@@ -1,5 +1,11 @@
 <template>
 	<v-app :theme="theme">
+		<v-app-bar :elevation="2">
+			<v-app-bar-title>Shotgun</v-app-bar-title>
+			<template #append>
+				<v-btn :icon="themeIcon" @click="toggleDark()"></v-btn>
+			</template>
+		</v-app-bar>
 		<v-main>
 			<TheLanding />
 		</v-main>
@@ -17,4 +23,5 @@ const dark = useDark();
 const toggleDark = useToggle(dark);
 
 const theme = computed(() => dark.value ? 'dark' : 'light')
+const themeIcon = computed(() => dark.value ? 'mdi-moon-waxing-crescent' : 'mdi-white-balance-sunny')
 </script>

site/src/assets/logo.svg

@@ -1,6 +0,0 @@
-<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M261.126 140.65L164.624 307.732L256.001 466L377.028 256.5L498.001 47H315.192L261.126 140.65Z" fill="#1697F6"/>
-<path d="M135.027 256.5L141.365 267.518L231.64 111.178L268.731 47H256H14L135.027 256.5Z" fill="#AEDDFF"/>
-<path d="M315.191 47C360.935 197.446 256 466 256 466L164.624 307.732L315.191 47Z" fill="#1867C0"/>
-<path d="M268.731 47C76.0026 47 141.366 267.518 141.366 267.518L268.731 47Z" fill="#7BC6FF"/>
-</svg>