Separated out the theme tiles

combined data axes into the index file

src/lib/components/themeSelector.svelte

@@ -1,28 +1,24 @@
 <script>
-  export let currentTheme;
-  
-  const themes = ['win95', 'cyberpunk', 'typewriter', 'nightmare', 'vaporwave', 'nintendo'];
+	export let currentTheme;
+
+	const themes = ['win95', 'cyberpunk', 'typewriter', 'nightmare', 'vaporwave', 'nintendo'];
 </script>
 
 <div class="button-row">
-  {#each themes as theme}
-    <button 
-      on:click={() => currentTheme = theme}
-      class:active={currentTheme === theme}
-    >
-      {theme.charAt(0).toUpperCase() + theme.slice(1)}
-    </button>
-  {/each}
+	{#each themes as theme}
+		<button on:click={() => (currentTheme = theme)} class:active={currentTheme === theme}>
+			{theme.charAt(0).toUpperCase() + theme.slice(1)}
+		</button>
+	{/each}
 </div>
 
 <style>
-  @import '$lib/styles/themes.css';
-  @import '$lib/styles/win95.css';
-  .button-row {
-    display: flex;
-    gap: 10px;
-    justify-content: center;
-    flex-wrap: wrap;
-    margin-top: 10px;
-  }
-</style>
+	.button-row {
+		display: flex;
+		gap: 10px;
+		justify-content: center;
+		flex-wrap: wrap;
+		margin-top: 10px;
+	}
+</style>
+