chore: remove konami code, add themes

src/lib/components/ui/animated-bg/NyanCatBg.svelte

@@ -1,7 +1,6 @@
 <script lang="ts">
-  import NyanCat from '$assets/nyan-cat.gif';
+  import NyanCat from '$assets/themes/nyan_cat/image.gif';
   import { reduceAnimations } from '@/userSettings';
-  import { fade } from 'svelte/transition';
 
   //TODO: maybe dynamic background images fetched from ezpp?
 

src/lib/components/ui/download-button/DownloadButton.svelte

@@ -17,7 +17,7 @@
 </script>
 
 <button
-  class="group flex items-center h-12 rounded-full bg-primary-300 disabled:bg-primary-300/70 shadow-lg shadow-primary/25 transition-all not-disabled:hover:shadow-primary/40 not-disabled:hover:brightness-110 not-disabled:active:scale-[0.98] cursor-pointer w-fit"
+  class="group flex items-center h-12 rounded-full bg-primary disabled:bg-primary/70 shadow-lg shadow-primary/25 transition-all not-disabled:hover:shadow-primary/40 not-disabled:hover:brightness-110 not-disabled:active:scale-[0.98] cursor-pointer w-fit"
   disabled={prop.disabled}
   onclick={prop.onClick}
 >

src/lib/components/ui/select/select-item.svelte

@@ -17,7 +17,7 @@
   bind:ref
   {value}
   class={cn(
-    'data-[highlighted]:bg-primary-300 data-[highlighted]:text-primary-foreground relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
+    'data-[highlighted]:bg-primary data-[highlighted]:text-primary-foreground relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
     className
   )}
   {...restProps}

src/lib/global.ts

@@ -3,6 +3,7 @@ import { ezppfarm } from './api/ezpp';
 import type { Component } from 'svelte';
 import Loading from '../screens/Loading.svelte';
 import type { Release } from './types';
+import { THEMES } from './themes';
 
 export const currentView = writable<Component>(Loading);
 
@@ -24,7 +25,8 @@ export const currentLoadingInfo = writable<string>('Initializing...');
 export const firstStartup = writable<boolean>(false);
 
 export const launching = writable<boolean>(false);
-export const nyanCatSong = writable<HTMLAudioElement | undefined>(undefined);
+export const theme = writable<(typeof THEMES)[number]>(THEMES[0]);
+export const theme_video = writable<HTMLVideoElement | undefined>(undefined);
 
 export const serverPing = writable<number | undefined>(undefined);
 export const serverConnectionFails = writable(0);

src/lib/sort.ts

@@ -7,7 +7,9 @@ const osuSkinsCollator = new Intl.Collator(undefined, {
   sensitivity: 'base',
 });
 
-export const sortSkins = (skins: { name: string, author: string | undefined, modified: number}[]) =>
+export const sortSkins = (
+  skins: { name: string; author: string | undefined; modified: number }[]
+) =>
   skins.sort((a, b) => {
     const pa = priority[a.name[0]];
     const pb = priority[b.name[0]];

src/lib/themes.ts

@@ -0,0 +1,43 @@
+import executionclap_video from '$assets/themes/execution_clap/video.webm';
+import lostumbrella_video from '$assets/themes/lost_umbrella/video.webm';
+import nyancat_image from '$assets/themes/nyan_cat/image.gif';
+import nyancat_audio from '$assets/themes/nyan_cat/audio.mp3';
+
+export const THEMES = [
+  {
+    name: 'default',
+    display_name: 'Default',
+    assets: {
+      background_video: undefined,
+      background_image: undefined,
+      audio: undefined,
+    },
+  },
+  {
+    name: 'execution_clap',
+    display_name: 'Execution Clap',
+    assets: {
+      background_video: executionclap_video,
+      background_image: undefined,
+      audio: undefined,
+    },
+  },
+  {
+    name: 'lost_umbrella',
+    display_name: 'Lost Umbrella',
+    assets: {
+      background_video: lostumbrella_video,
+      background_image: undefined,
+      audio: undefined,
+    },
+  },
+  {
+    name: 'nyan_cat',
+    display_name: 'Nyan Cat',
+    assets: {
+      background_video: undefined,
+      background_image: nyancat_image,
+      audio: nyancat_audio,
+    },
+  },
+];

src/lib/umami.ts

@@ -1,43 +1,34 @@
 declare global {
-    const umami: Umami;
+  const umami: Umami;
 }
 
 /**
  * @see {@link https://umami.is/docs/tracker-functions|Umami Docs}
  */
 interface Umami {
-    track(): Promise<string> | undefined;
-    track(
-        event_name: string,
-        event_data?: Record<string, unknown>,
-    ): Promise<string> | undefined;
-    track(custom_payload: {
-        website: string;
-        [key: string]: unknown;
-    }): Promise<string> | undefined;
-    track(
-        callback: (props: {
-            hostname: string;
-            language: string;
-            referrer: string;
-            screen: string;
-            title: string;
-            url: string;
-            website: string;
-        }) => { website: string; [key: string]: unknown },
-    ): Promise<string> | undefined;
+  track(): Promise<string> | undefined;
+  track(event_name: string, event_data?: Record<string, unknown>): Promise<string> | undefined;
+  track(custom_payload: { website: string; [key: string]: unknown }): Promise<string> | undefined;
+  track(
+    callback: (props: {
+      hostname: string;
+      language: string;
+      referrer: string;
+      screen: string;
+      title: string;
+      url: string;
+      website: string;
+    }) => { website: string; [key: string]: unknown }
+  ): Promise<string> | undefined;
 
-    /** Pass in your own ID to identify a user. */
-    identify(identity_id: string): Promise<void>;
+  /** Pass in your own ID to identify a user. */
+  identify(identity_id: string): Promise<void>;
 
-    /** Save data about the current session. */
-    identify(
-        identity_id: string,
-        data: Record<string, unknown>,
-    ): Promise<void>;
+  /** Save data about the current session. */
+  identify(identity_id: string, data: Record<string, unknown>): Promise<void>;
 
-    /** To save data without a unique ID, pass in only a JSON object. */
-    identify(data: Record<string, unknown>): Promise<void>;
+  /** To save data without a unique ID, pass in only a JSON object. */
+  identify(data: Record<string, unknown>): Promise<void>;
 }
 
 export {};