From 172c78541c56fb3781b2f5944cabb6a2df41e38b Mon Sep 17 00:00:00 2001
From: Pihkaal <hello@pihkaal.me>
Date: Wed, 11 Feb 2026 23:33:26 +0100
Subject: [PATCH] feat(nds): add pressed state for all buttons

---
 app/components/Achievements/BottomScreen.vue  |  23 ++-
 app/components/Common/Buttons.vue             |  59 ++++---
 .../Contact/BottomScreen/BottomScreen.vue     | 108 ------------
 .../Contact/BottomScreen/Buttons.vue          | 155 +++++++++++++++++-
 app/components/Home/BottomScreen/Buttons.vue  |  39 ++---
 .../BottomScreen/Menus/Clock/Menu.vue         |  51 +++---
 .../Settings/BottomScreen/Menus/Menus.vue     | 146 ++++++++---------
 .../BottomScreen/Menus/Options/2048.vue       |  10 +-
 .../BottomScreen/Menus/Options/Menu.vue       |  53 +++---
 .../BottomScreen/Menus/TouchScreen/Menu.vue   |  37 +----
 .../BottomScreen/Menus/TouchScreen/TapTap.vue |   3 +
 .../Settings/BottomScreen/Menus/User/Menu.vue |  56 +++----
 .../BottomScreen/Menus/User/Snake.vue         |   3 +-
 app/composables/useButtonNavigation.ts        |  10 +-
 app/utils/canvas.ts                           |  15 +-
 app/utils/input.ts                            |  10 ++
 i18n/locales/en.json                          |   4 +-
 .../nds/images/achievements/quit-pressed.webp | Bin 0 -> 236 bytes
 .../images/common/button-body-pressed.webp    | Bin 0 -> 86 bytes
 public/nds/images/common/button-body.webp     | Bin 86 -> 88 bytes
 .../images/common/button-left-pressed.webp    | Bin 0 -> 88 bytes
 public/nds/images/common/button-left.webp     | Bin 88 -> 90 bytes
 .../images/common/button-right-pressed.webp   | Bin 0 -> 88 bytes
 public/nds/images/common/button-right.webp    | Bin 88 -> 92 bytes
 public/nds/images/common/button.webp          | Bin 126 -> 0 bytes
 .../images/contact/bottom-screen/buttons.webp | Bin 1242 -> 0 bytes
 .../bottom-screen/buttons/button-pressed.webp | Bin 0 -> 146 bytes
 .../contact/bottom-screen/buttons/button.webp | Bin 0 -> 158 bytes
 .../bottom-screen/buttons/cv-pressed.webp     | Bin 0 -> 150 bytes
 .../contact/bottom-screen/buttons/cv.webp     | Bin 0 -> 150 bytes
 .../bottom-screen/buttons/email-pressed.webp  | Bin 0 -> 176 bytes
 .../contact/bottom-screen/buttons/email.webp  | Bin 0 -> 166 bytes
 .../bottom-screen/buttons/git-pressed.webp    | Bin 0 -> 168 bytes
 .../contact/bottom-screen/buttons/git.webp    | Bin 0 -> 168 bytes
 .../buttons/linkedin-pressed.webp             | Bin 0 -> 120 bytes
 .../bottom-screen/buttons/linkedin.webp       | Bin 0 -> 118 bytes
 .../buttons/achievements-pressed.webp         | Bin 0 -> 86 bytes
 .../buttons/contact-pressed.webp              | Bin 0 -> 330 bytes
 .../buttons/gallery-pressed.webp              | Bin 0 -> 452 bytes
 .../buttons/projects-pressed.webp             | Bin 0 -> 298 bytes
 .../buttons/{game.webp => projects.webp}      | Bin
 .../buttons/settings-pressed.webp             | Bin 0 -> 180 bytes
 .../bottom-screen/buttons/theme-pressed.webp  | Bin 0 -> 78 bytes
 .../clock/achievements-pressed.webp           | Bin 0 -> 372 bytes
 .../top-screen/clock/clock-pressed.webp       | Bin 0 -> 394 bytes
 .../top-screen/clock/date-pressed.webp        | Bin 0 -> 370 bytes
 .../top-screen/clock/time-pressed.webp        | Bin 0 -> 392 bytes
 .../top-screen/options/2048-pressed.webp      | Bin 0 -> 374 bytes
 .../top-screen/options/language-pressed.webp  | Bin 0 -> 434 bytes
 .../top-screen/options/options-pressed.webp   | Bin 0 -> 408 bytes
 .../options/rendering-mode-pressed.webp       | Bin 0 -> 416 bytes
 .../touch_screen/touch-screen-pressed.webp    | Bin 0 -> 304 bytes
 .../top-screen/user/birthday-pressed.webp     | Bin 0 -> 406 bytes
 .../top-screen/user/color-pressed.webp        | Bin 0 -> 334 bytes
 .../top-screen/user/snake-pressed.webp        | Bin 0 -> 392 bytes
 .../top-screen/user/user-name-pressed.webp    | Bin 0 -> 402 bytes
 .../top-screen/user/user-pressed.webp         | Bin 0 -> 364 bytes
 57 files changed, 413 insertions(+), 369 deletions(-)
 create mode 100644 public/nds/images/achievements/quit-pressed.webp
 create mode 100644 public/nds/images/common/button-body-pressed.webp
 create mode 100644 public/nds/images/common/button-left-pressed.webp
 create mode 100644 public/nds/images/common/button-right-pressed.webp
 delete mode 100644 public/nds/images/common/button.webp
 delete mode 100644 public/nds/images/contact/bottom-screen/buttons.webp
 create mode 100644 public/nds/images/contact/bottom-screen/buttons/button-pressed.webp
 create mode 100644 public/nds/images/contact/bottom-screen/buttons/button.webp
 create mode 100644 public/nds/images/contact/bottom-screen/buttons/cv-pressed.webp
 create mode 100644 public/nds/images/contact/bottom-screen/buttons/cv.webp
 create mode 100644 public/nds/images/contact/bottom-screen/buttons/email-pressed.webp
 create mode 100644 public/nds/images/contact/bottom-screen/buttons/email.webp
 create mode 100644 public/nds/images/contact/bottom-screen/buttons/git-pressed.webp
 create mode 100644 public/nds/images/contact/bottom-screen/buttons/git.webp
 create mode 100644 public/nds/images/contact/bottom-screen/buttons/linkedin-pressed.webp
 create mode 100644 public/nds/images/contact/bottom-screen/buttons/linkedin.webp
 create mode 100644 public/nds/images/home/bottom-screen/buttons/achievements-pressed.webp
 create mode 100644 public/nds/images/home/bottom-screen/buttons/contact-pressed.webp
 create mode 100644 public/nds/images/home/bottom-screen/buttons/gallery-pressed.webp
 create mode 100644 public/nds/images/home/bottom-screen/buttons/projects-pressed.webp
 rename public/nds/images/home/bottom-screen/buttons/{game.webp => projects.webp} (100%)
 create mode 100644 public/nds/images/home/bottom-screen/buttons/settings-pressed.webp
 create mode 100644 public/nds/images/home/bottom-screen/buttons/theme-pressed.webp
 create mode 100644 public/nds/images/settings/top-screen/clock/achievements-pressed.webp
 create mode 100644 public/nds/images/settings/top-screen/clock/clock-pressed.webp
 create mode 100644 public/nds/images/settings/top-screen/clock/date-pressed.webp
 create mode 100644 public/nds/images/settings/top-screen/clock/time-pressed.webp
 create mode 100644 public/nds/images/settings/top-screen/options/2048-pressed.webp
 create mode 100644 public/nds/images/settings/top-screen/options/language-pressed.webp
 create mode 100644 public/nds/images/settings/top-screen/options/options-pressed.webp
 create mode 100644 public/nds/images/settings/top-screen/options/rendering-mode-pressed.webp
 create mode 100644 public/nds/images/settings/top-screen/touch_screen/touch-screen-pressed.webp
 create mode 100644 public/nds/images/settings/top-screen/user/birthday-pressed.webp
 create mode 100644 public/nds/images/settings/top-screen/user/color-pressed.webp
 create mode 100644 public/nds/images/settings/top-screen/user/snake-pressed.webp
 create mode 100644 public/nds/images/settings/top-screen/user/user-name-pressed.webp
 create mode 100644 public/nds/images/settings/top-screen/user/user-pressed.webp

diff --git a/app/components/Achievements/BottomScreen.vue b/app/components/Achievements/BottomScreen.vue
index 4d70509..0a2393f 100644
--- a/app/components/Achievements/BottomScreen.vue
+++ b/app/components/Achievements/BottomScreen.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-const { onRender, onClick } = useScreen();
+const { onRender, onClick, onMouseDown } = useScreen();
 const store = useAchievementsScreen();
 const achievementsStore = useAchievementsStore();
 const { assets } = useAssets();
@@ -8,6 +8,22 @@ const QUIT_SIZE = assets.images.achievements.quit.rect.width;
 const QUIT_X = Math.floor(LOGICAL_WIDTH / 2 - QUIT_SIZE / 2);
 const QUIT_Y = 135;
 
+const quitPressed = ref(false);
+
+const handleMouseUp = () => {
+  quitPressed.value = false;
+};
+
+onMounted(() => document.addEventListener("mouseup", handleMouseUp));
+onUnmounted(() => document.removeEventListener("mouseup", handleMouseUp));
+
+onMouseDown((x, y) => {
+  if (store.isIntro || store.isOutro) return;
+  if (rectContains([QUIT_X, QUIT_Y, QUIT_SIZE, QUIT_SIZE], [x, y])) {
+    quitPressed.value = true;
+  }
+});
+
 useKeyDown(({ key, repeated }) => {
   if (store.isIntro || store.isOutro || repeated) return;
 
@@ -76,7 +92,10 @@ onRender((ctx) => {
     : store.isOutro
       ? store.outro.stage2Opacity
       : 1;
-  assets.images.achievements.quit.draw(ctx, QUIT_X, QUIT_Y);
+  (quitPressed.value
+    ? assets.images.achievements.quitPressed
+    : assets.images.achievements.quit
+  ).draw(ctx, QUIT_X, QUIT_Y);
 });
 
 defineOptions({
diff --git a/app/components/Common/Buttons.vue b/app/components/Common/Buttons.vue
index 7353829..0f11bd5 100644
--- a/app/components/Common/Buttons.vue
+++ b/app/components/Common/Buttons.vue
@@ -13,11 +13,10 @@ const emit = defineEmits<{
   activateB: [];
 }>();
 
-const { onRender, onClick } = useScreen();
-const { assets } = useAssets();
+const { onRender, onClick, onMouseDown } = useScreen();
 
-const BUTTON_WIDTH = assets.images.common.button.rect.width;
-const BUTTON_HEIGHT = assets.images.common.button.rect.height;
+const BUTTON_WIDTH = 80;
+const BUTTON_HEIGHT = 18;
 
 const B_BUTTON: Rect = [31, 172, BUTTON_WIDTH, BUTTON_HEIGHT];
 const A_BUTTON: Rect = [144, 172, BUTTON_WIDTH, BUTTON_HEIGHT];
@@ -31,6 +30,9 @@ let aButtonOffsetY = 0;
 let displayedBLabel = props.bLabel;
 let displayedALabel = props.aLabel;
 
+let bButtonPressed = false;
+let aButtonPressed = false;
+
 const animateLabelChange = (
   setter: (v: number) => void,
   setLabel: (label: string) => void,
@@ -80,25 +82,24 @@ onRender((ctx) => {
   ctx.font = "10px NDS10";
   ctx.fillStyle = "#010101";
 
-  ctx.translate(0, props.yOffset);
+  ctx.translate(0, 172 + props.yOffset);
 
-  const drawButton = (
-    icon: string,
-    text: string,
-    x: number,
-    buttonOffsetY: number,
-  ) => {
-    ctx.save();
-    ctx.translate(0, buttonOffsetY);
-    assets.images.common.button.draw(ctx, x, 172);
-
-    const label = `${icon} ${text}`;
-    fillTextHCentered(ctx, label, x, 185, BUTTON_WIDTH);
-    ctx.restore();
-  };
-
-  drawButton(ICONS.B, displayedBLabel, 31, bButtonOffsetY);
-  drawButton(ICONS.A, displayedALabel, 144, aButtonOffsetY);
+  drawButton(
+    ctx,
+    `${ICONS.B} ${displayedBLabel}`,
+    31,
+    bButtonOffsetY,
+    BUTTON_WIDTH,
+    bButtonPressed,
+  );
+  drawButton(
+    ctx,
+    `${ICONS.A} ${displayedALabel}`,
+    144,
+    aButtonOffsetY,
+    BUTTON_WIDTH,
+    aButtonPressed,
+  );
 }, 60);
 
 onClick((x, y) => {
@@ -110,6 +111,20 @@ onClick((x, y) => {
   }
 });
 
+onMouseDown((x, y) => {
+  if (props.yOffset !== 0) return;
+  if (rectContains(B_BUTTON, [x, y])) {
+    bButtonPressed = true;
+  } else if (rectContains(A_BUTTON, [x, y])) {
+    aButtonPressed = true;
+  }
+});
+
+useMouseUp(() => {
+  bButtonPressed = false;
+  aButtonPressed = false;
+});
+
 useKeyDown(({ key, repeated }) => {
   if (props.yOffset !== 0 || repeated) return;
   switch (key) {
diff --git a/app/components/Contact/BottomScreen/BottomScreen.vue b/app/components/Contact/BottomScreen/BottomScreen.vue
index e543690..38cd3b0 100644
--- a/app/components/Contact/BottomScreen/BottomScreen.vue
+++ b/app/components/Contact/BottomScreen/BottomScreen.vue
@@ -1,106 +1,14 @@
 <script setup lang="ts">
 import Background from "./Background.vue";
 import Buttons from "./Buttons.vue";
-import ButtonSelector from "~/components/Common/ButtonSelector.vue";
-import { promiseTimeout } from "@vueuse/core";
 
 const store = useContactStore();
-const achievements = useAchievementsStore();
-const confirmationModal = useConfirmationModal();
-
-const ACTIONS = {
-  github: [
-    "open",
-    "contact.actions.githubProfile",
-    "https://github.com/pihkaal",
-  ],
-  email: ["copy", "contact.actions.email", "hello@pihkaal.me"],
-  website: ["copy", "contact.actions.websiteLink", "https://pihkaal.me"],
-  cv: ["open", "contact.actions.cv", "https://pihkaal.me/cv"],
-} as const satisfies Record<
-  string,
-  [action: "copy" | "open", verbKey: string, content: string]
->;
-
-const { selected, selectorPosition } = useButtonNavigation({
-  buttons: {
-    github: [26, 27, 202, 42],
-    email: [26, 59, 202, 42],
-    website: [26, 91, 202, 42],
-    cv: [26, 123, 202, 42],
-  },
-  navigation: {
-    github: {
-      down: "email",
-    },
-    email: {
-      up: "github",
-      down: "website",
-    },
-    website: {
-      up: "email",
-      down: "cv",
-    },
-    cv: {
-      up: "website",
-    },
-  },
-  initialButton: "github",
-  onActivate: (button) => {
-    actionateButton(button);
-  },
-  disabled: computed(() => store.isIntro || store.isOutro),
-  selectorAnimation: {
-    duration: 0.075,
-    ease: "none",
-  },
-});
-
-const handleActivateB = () => {
-  if (store.isIntro || store.isOutro) return;
-  store.animateOutro();
-};
-
-const actionateButton = async (button: (typeof selected)["value"]) => {
-  const [action, verbKey, content] = ACTIONS[button];
-  const verb = $t(verbKey);
-  if (action === "copy") {
-    try {
-      await navigator.clipboard.writeText(content);
-      store.pushNotification($t("contact.copiedToClipboard", { item: verb }));
-    } catch (error) {
-      console.error("Failed to copy to clipboard:", error);
-    }
-  } else {
-    const url = content.replace(/^https?:\/\//, "");
-    confirmationModal.open({
-      text: $t("contact.openUrl", { url }),
-      onActivateA: async () => {
-        store.pushNotification($t("contact.opened", { item: verb }));
-        await promiseTimeout(100);
-        await navigateTo(content, { open: { target: "_blank " } });
-
-        await promiseTimeout(500);
-
-        if (button === "github") {
-          achievements.unlock("contact_git_visit");
-        }
-      },
-    });
-  }
-};
 </script>
 
 <template>
   <Background />
 
   <Buttons />
-  <ButtonSelector
-    :rect="selectorPosition"
-    :opacity="
-      store.isIntro ? store.intro.stage3Opacity : store.outro.stage1Opacity
-    "
-  />
 
   <CommonBars
     :title="$t('contact.title')"
@@ -109,20 +17,4 @@ const actionateButton = async (button: (typeof selected)["value"]) => {
     "
     :y-offset="store.isIntro ? store.intro.barOffsetY : 0"
   />
-  <CommonConfirmationModal />
-  <CommonButtons
-    :y-offset="
-      store.isIntro ? store.intro.barOffsetY : confirmationModal.buttonsYOffset
-    "
-    :opacity="
-      store.isIntro
-        ? store.intro.stage3Opacity
-        : store.isOutro
-          ? store.outro.stage2Opacity
-          : 1
-    "
-    :b-label="$t('common.quit')"
-    :a-label="$t(`contact.actions.${ACTIONS[selected][0]}`)"
-    @activate-b="handleActivateB"
-  />
 </template>
diff --git a/app/components/Contact/BottomScreen/Buttons.vue b/app/components/Contact/BottomScreen/Buttons.vue
index f48a6c2..e9a65e1 100644
--- a/app/components/Contact/BottomScreen/Buttons.vue
+++ b/app/components/Contact/BottomScreen/Buttons.vue
@@ -1,17 +1,162 @@
 <script setup lang="ts">
+import ButtonSelector from "~/components/Common/ButtonSelector.vue";
+import { promiseTimeout } from "@vueuse/core";
+
 const { onRender } = useScreen();
 
 const store = useContactStore();
-const { assets } = useAssets();
+const achievements = useAchievementsStore();
+const confirmationModal = useConfirmationModal();
+const { assets } = useAssets((a) => a.images.contact.bottomScreen.buttons);
+
+const BUTTONS = {
+  git: {
+    position: [31, 32],
+    action: "open",
+    url: "https://git.pihkaal.xyz",
+    text: "git.pihkaal.xyz",
+  },
+  email: {
+    position: [31, 64],
+    action: "copy",
+    url: "hello@pihkaal.me",
+    text: "hello@pihkaal.me",
+  },
+  linkedin: {
+    position: [31, 96],
+    action: "open",
+    url: "https://linkedin.com/in/stevancorre/",
+    text: "/in/stevancorre/",
+  },
+  cv: {
+    position: [31, 128],
+    action: "open",
+    url: "https://pihkaal.me/cv",
+    text: "/cv",
+  },
+} as const satisfies Record<
+  string,
+  {
+    position: [number, number];
+    action: "copy" | "open";
+    url: string;
+    text: string;
+  }
+>;
+
+const { selected, pressed, selectorPosition } = useButtonNavigation({
+  buttons: {
+    git: [26, 27, 202, 42],
+    email: [26, 59, 202, 42],
+    linkedin: [26, 91, 202, 42],
+    cv: [26, 123, 202, 42],
+  },
+  navigation: {
+    git: {
+      down: "email",
+    },
+    email: {
+      up: "git",
+      down: "linkedin",
+    },
+    linkedin: {
+      up: "email",
+      down: "cv",
+    },
+    cv: {
+      up: "linkedin",
+    },
+  },
+  initialButton: "git",
+  onActivate: async (button) => {
+    const { action, url } = BUTTONS[button];
+    const verb = $t(`contact.actions.${button}`);
+    if (action === "copy") {
+      try {
+        await navigator.clipboard.writeText(url);
+        store.pushNotification($t("contact.copiedToClipboard", { item: verb }));
+      } catch (error) {
+        console.error("Failed to copy to clipboard:", error);
+      }
+    } else {
+      confirmationModal.open({
+        text: $t("contact.openUrl", { url: url.replace(/^https?:\/\//, "") }),
+        onActivateA: async () => {
+          store.pushNotification($t("contact.opened", { item: verb }));
+
+          await promiseTimeout(100);
+          await navigateTo(url, { open: { target: "_blank " } });
+          await promiseTimeout(500);
+
+          if (button === "git") {
+            achievements.unlock("contact_git_visit");
+          }
+        },
+      });
+    }
+  },
+  disabled: computed(() => store.isIntro || store.isOutro),
+  selectorAnimation: {
+    duration: 0.075,
+    ease: "none",
+  },
+});
+
+const handleActivateB = () => {
+  if (store.isIntro || store.isOutro) return;
+  store.animateOutro();
+};
 
 onRender((ctx) => {
   ctx.globalAlpha = store.isIntro
     ? store.intro.stage3Opacity
     : store.outro.stage1Opacity;
-  assets.images.contact.bottomScreen.buttons.draw(ctx, 31, 32);
-});
 
-defineOptions({
-  render: () => null,
+  ctx.textBaseline = "top";
+  ctx.font = "10px NDS10";
+  ctx.fillStyle = "#515151";
+
+  for (const [
+    buttonName,
+    {
+      text,
+      position: [x, y],
+    },
+  ] of Object.entries(BUTTONS)) {
+    const button = buttonName as typeof selected.value;
+    const isPressed = pressed.value === button;
+
+    assets[isPressed ? "buttonPressed" : "button"].draw(ctx, x, y);
+
+    const pressedKey: `${typeof selected.value}Pressed` = `${button}Pressed`;
+    assets[isPressed ? pressedKey : button].draw(ctx, x + 1, y + 1);
+
+    ctx.fillText(text, x + 36, y + 11);
+  }
 });
 </script>
+
+<template>
+  <ButtonSelector
+    :rect="selectorPosition"
+    :opacity="
+      store.isIntro ? store.intro.stage3Opacity : store.outro.stage1Opacity
+    "
+  />
+  <CommonConfirmationModal />
+  <CommonButtons
+    :y-offset="
+      store.isIntro ? store.intro.barOffsetY : confirmationModal.buttonsYOffset
+    "
+    :opacity="
+      store.isIntro
+        ? store.intro.stage3Opacity
+        : store.isOutro
+          ? store.outro.stage2Opacity
+          : 1
+    "
+    :b-label="$t('common.quit')"
+    :a-label="$t(`contact.actions.${BUTTONS[selected].action}`)"
+    @activate-b="handleActivateB"
+  />
+</template>
diff --git a/app/components/Home/BottomScreen/Buttons.vue b/app/components/Home/BottomScreen/Buttons.vue
index 87fa0f9..ef14595 100644
--- a/app/components/Home/BottomScreen/Buttons.vue
+++ b/app/components/Home/BottomScreen/Buttons.vue
@@ -5,9 +5,9 @@ import Selector from "~/components/Common/ButtonSelector.vue";
 const { onRender } = useScreen();
 
 const store = useHomeStore();
-const { assets } = useAssets();
+const { assets } = useAssets((a) => a.images.home.bottomScreen.buttons);
 
-const { selected, selectorPosition } = useButtonNavigation({
+const { selected, pressed, selectorPosition } = useButtonNavigation({
   buttons: {
     projects: [31, 23, 193, 49],
     contact: [31, 71, 97, 49],
@@ -20,12 +20,6 @@ const { selected, selectorPosition } = useButtonNavigation({
   initialButton: store.selectedButton,
   onActivate: (button) => {
     if (button === "theme") throw new Error(`Not implemented: ${button}`);
-
-    if (button === "achievements") {
-      store.animateOutro("achievements");
-      return;
-    }
-
     store.animateOutro(button);
   },
   navigation: {
@@ -68,6 +62,14 @@ watch(selected, (newSelected) => {
   store.selectedButton = newSelected;
 });
 
+const getButtonImage = (button: typeof selected.value) => {
+  if (pressed.value === button) {
+    const pressedKey: `${typeof selected.value}Pressed` = `${button}Pressed`;
+    if (pressedKey in assets) return assets[pressedKey];
+  }
+  return assets[button];
+};
+
 const getButtonOffset = (button: (typeof selected)["value"]) => {
   if (selected.value === button) return store.outro.buttonOffsetY;
   return 0;
@@ -85,7 +87,7 @@ onRender((ctx) => {
 
   // gallery
   ctx.font = "7px NDS7";
-  ctx.fillStyle = "#2c2c2c";
+  ctx.fillStyle = pressed.value === "gallery" ? "#2c2c2c" : "#282828";
   fillTextCentered(
     ctx,
     $t("home.photoGallery"),
@@ -140,45 +142,40 @@ onRender((ctx) => {
     :x="33"
     :y="25 + getButtonOffset('projects')"
     :opacity="getOpacity('projects')"
-    :image="assets.images.home.bottomScreen.buttons.game"
+    :image="getButtonImage('projects')"
   />
   <Button
     :x="32"
     :y="72 + getButtonOffset('contact')"
     :opacity="getOpacity('contact')"
-    :image="assets.images.home.bottomScreen.buttons.contact"
+    :image="getButtonImage('contact')"
   />
   <Button
     :x="128"
     :y="72 + getButtonOffset('gallery')"
     :opacity="getOpacity('gallery')"
-    :image="assets.images.home.bottomScreen.buttons.gallery"
+    :image="getButtonImage('gallery')"
   />
 
-  <Button
-    :x="33"
-    :y="121"
-    :opacity="getOpacity()"
-    :image="assets.images.home.bottomScreen.buttons.gamePak"
-  />
+  <Button :x="33" :y="121" :opacity="getOpacity()" :image="assets.gamePak" />
 
   <Button
     :x="10"
     :y="175 + getButtonOffset('theme')"
     :opacity="getOpacity('theme')"
-    :image="assets.images.home.bottomScreen.buttons.theme"
+    :image="getButtonImage('theme')"
   />
   <Button
     :x="117"
     :y="170 + getButtonOffset('settings')"
     :opacity="getOpacity('settings')"
-    :image="assets.images.home.bottomScreen.buttons.settings"
+    :image="getButtonImage('settings')"
   />
   <Button
     :x="235"
     :y="175 + getButtonOffset('achievements')"
     :opacity="getOpacity('achievements')"
-    :image="assets.images.home.bottomScreen.buttons.achievements"
+    :image="getButtonImage('achievements')"
   />
 
   <Selector :rect="selectorPosition" :opacity="getOpacity()" />
diff --git a/app/components/Settings/BottomScreen/Menus/Clock/Menu.vue b/app/components/Settings/BottomScreen/Menus/Clock/Menu.vue
index 3e81bd4..2d70a1c 100644
--- a/app/components/Settings/BottomScreen/Menus/Clock/Menu.vue
+++ b/app/components/Settings/BottomScreen/Menus/Clock/Menu.vue
@@ -4,6 +4,9 @@ const props = withDefaults(
     x: number;
     y: number;
     opacity?: number;
+    pressed: string | null;
+    isAnyOtherMenuOpen: boolean;
+    submenuExtraOffsetY: number;
   }>(),
   {
     opacity: 1,
@@ -12,46 +15,29 @@ const props = withDefaults(
 
 const { onRender } = useScreen();
 
-const settingsStore = useSettingsStore();
-const menusContext = inject<{
-  isSubmenuSelected: ComputedRef<boolean>;
-  selectedSubmenuParent: ComputedRef<string | null>;
-  selectedSubmenuExtraOffsetY: ComputedRef<number>;
-}>("menusContext")!;
-
-const { assets } = useAssets();
+const store = useSettingsStore();
+const { assets } = useAssets((a) => a.images.settings.topScreen.clock);
 
 const isOpen = computed(
-  () => settingsStore.currentMenu === "clock" && settingsStore.menuExpanded,
+  () => store.currentMenu === "clock" && store.menuExpanded,
 );
-const isAnyOtherMenuOpen = computed(() => {
-  if (settingsStore.currentSubMenu) {
-    return !settingsStore.currentSubMenu.startsWith("clock");
-  }
-  if (menusContext.isSubmenuSelected.value) {
-    return menusContext.selectedSubmenuParent.value !== "clock";
-  }
-  return false;
-});
 
 const animation = useMenuAnimation("clock", isOpen);
 
 const submenuExtraOffset = (submenu: string) =>
-  settingsStore.selectedButton === submenu
-    ? menusContext.selectedSubmenuExtraOffsetY.value
-    : 0;
+  store.selectedButton === submenu ? props.submenuExtraOffsetY : 0;
 
 onRender((ctx) => {
   ctx.globalAlpha = props.opacity;
   ctx.translate(props.x, props.y);
 
   if (isOpen.value || animation.playing) {
-    assets.images.settings.topScreen.clock.time.draw(
+    (props.pressed === "clockTime" ? assets.timePressed : assets.time).draw(
       ctx,
       48 - animation.stage2Offset,
       -48 + animation.stage1Offset + submenuExtraOffset("clockTime"),
     );
-    assets.images.settings.topScreen.clock.date.draw(
+    (props.pressed === "clockDate" ? assets.datePressed : assets.date).draw(
       ctx,
       0,
       -96 +
@@ -59,17 +45,26 @@ onRender((ctx) => {
         animation.stage1Offset +
         submenuExtraOffset("clockDate"),
     );
-    assets.images.settings.topScreen.clock.achievements.draw(
+    (props.pressed === "clockAchievements"
+      ? assets.achievementsPressed
+      : assets.achievements
+    ).draw(
       ctx,
       0,
       -48 + animation.stage1Offset + submenuExtraOffset("clockAchievements"),
     );
 
-    assets.images.settings.topScreen.clock.clockActive.draw(ctx, 0, 0);
-  } else if (isAnyOtherMenuOpen.value) {
-    assets.images.settings.topScreen.clock.clockDisabled.draw(ctx, 0, 0);
+    (props.pressed === "clock" ? assets.clockPressed : assets.clockActive).draw(
+      ctx,
+      0,
+      0,
+    );
+  } else if (props.pressed === "clock") {
+    assets.clockPressed.draw(ctx, 0, 0);
+  } else if (props.isAnyOtherMenuOpen) {
+    assets.clockDisabled.draw(ctx, 0, 0);
   } else {
-    assets.images.settings.topScreen.clock.clock.draw(ctx, 0, 0);
+    assets.clock.draw(ctx, 0, 0);
   }
 });
 
diff --git a/app/components/Settings/BottomScreen/Menus/Menus.vue b/app/components/Settings/BottomScreen/Menus/Menus.vue
index 988957f..5ac4acc 100644
--- a/app/components/Settings/BottomScreen/Menus/Menus.vue
+++ b/app/components/Settings/BottomScreen/Menus/Menus.vue
@@ -19,20 +19,20 @@ import TouchScreenTapTap from "./TouchScreen/TapTap.vue";
 import Selector from "~/components/Common/ButtonSelector.vue";
 
 const app = useAppStore();
-const settingsStore = useSettingsStore();
+const store = useSettingsStore();
 const { assets } = useAssets();
 const { onRender } = useScreen();
 
 onRender((ctx) => {
-  if (settingsStore.submenuBackground.opacity > 0) {
-    ctx.globalAlpha = settingsStore.submenuBackground.opacity;
-    ctx.translate(0, settingsStore.submenuBackground.offsetY);
+  if (store.submenuBackground.opacity > 0) {
+    ctx.globalAlpha = store.submenuBackground.opacity;
+    ctx.translate(0, store.submenuBackground.offsetY);
     assets.images.home.topScreen.background.draw(ctx, 0, 0);
   }
 });
 
 if (app.previousScreen === "home") {
-  settingsStore.selectedButton = "options";
+  store.selectedButton = "options";
 }
 
 const isMainMenu = (button: string): button is SettingsMenu =>
@@ -47,7 +47,7 @@ const getParentMenu = (submenu: string): SettingsMenu => {
   return match[1] as SettingsMenu;
 };
 
-const { select, selected, selectorPosition } = useButtonNavigation({
+const { select, selected, pressed, selectorPosition } = useButtonNavigation({
   buttons: {
     options: [31, 119, 49, 49],
     optionsLanguage: [31, 71, 49, 49],
@@ -67,16 +67,15 @@ const { select, selected, selectorPosition } = useButtonNavigation({
 
     touchScreen: [175, 119, 49, 49],
   },
-  initialButton: settingsStore.selectedButton,
+  initialButton: store.selectedButton,
   onActivate: (buttonName) => {
     if (isSubMenu(buttonName)) {
-      settingsStore.openSubMenu(buttonName);
+      store.openSubMenu(buttonName);
     } else {
       if (buttonName === "options") select("optionsLanguage");
       if (buttonName === "clock") select("clockAchievements");
       if (buttonName === "user") select("userUserName");
-      if (buttonName === "touchScreen")
-        settingsStore.openSubMenu("touchScreenTapTap");
+      if (buttonName === "touchScreen") store.openSubMenu("touchScreenTapTap");
     }
   },
   navigation: {
@@ -153,17 +152,17 @@ const { select, selected, selectorPosition } = useButtonNavigation({
   canClickButton: (buttonName) => {
     if (isSubMenu(buttonName)) {
       const parent = getParentMenu(buttonName);
-      return settingsStore.currentMenu === parent && settingsStore.menuExpanded;
+      return store.currentMenu === parent && store.menuExpanded;
     }
     return true;
   },
   disabled: computed(
     () =>
-      settingsStore.currentSubMenu !== null ||
-      settingsStore.submenuTransition.opacity < 1 ||
-      settingsStore.isIntro ||
-      settingsStore.isOutro ||
-      settingsStore.animatingNotification,
+      store.currentSubMenu !== null ||
+      store.submenuTransition.opacity < 1 ||
+      store.isIntro ||
+      store.isOutro ||
+      store.animatingNotification,
   ),
   selectorAnimation: {
     duration: 0.11,
@@ -172,34 +171,34 @@ const { select, selected, selectorPosition } = useButtonNavigation({
 });
 
 const isSubmenuSelected = computed(() => isSubMenu(selected.value));
-const selectedSubmenuParent = computed(() =>
-  isSubmenuSelected.value ? getParentMenu(selected.value) : null,
-);
 
 const selectedSubmenuExtraOffsetY = computed(
   () =>
-    settingsStore.submenuTransition.selectorOffsetY -
-    settingsStore.submenuTransition.offsetY,
+    store.submenuTransition.selectorOffsetY - store.submenuTransition.offsetY,
 );
 
-provide("menusContext", {
-  isSubmenuSelected,
-  selectedSubmenuParent,
-  selectedSubmenuExtraOffsetY,
-});
+const isAnyOtherMenuOpen = (menu: SettingsMenu) => {
+  if (store.currentSubMenu) {
+    return !store.currentSubMenu.startsWith(menu);
+  }
+  if (isSubmenuSelected.value) {
+    return getParentMenu(selected.value) !== menu;
+  }
+  return false;
+};
 
 watch(
   selected,
   (newSelected) => {
-    settingsStore.selectedButton = newSelected;
+    store.selectedButton = newSelected;
 
-    if (settingsStore.currentSubMenu === null) {
+    if (store.currentSubMenu === null) {
       if (isMainMenu(newSelected)) {
-        settingsStore.openMenu(newSelected, false);
+        store.openMenu(newSelected, false);
       } else if (isSubMenu(newSelected)) {
         const parentMenu = getParentMenu(newSelected);
         if (parentMenu) {
-          settingsStore.openMenu(parentMenu, true);
+          store.openMenu(parentMenu, true);
         }
       }
     }
@@ -231,18 +230,13 @@ const selectorXOffset = computed(() => {
 
   switch (menu) {
     case "clock":
-      return Math.min(0, settingsStore.menuOffsets[1]);
+      return Math.min(0, store.menuOffsets[1]);
     case "user":
-      return Math.min(
-        0,
-        settingsStore.menuOffsets[1] + settingsStore.menuOffsets[2],
-      );
+      return Math.min(0, store.menuOffsets[1] + store.menuOffsets[2]);
     case "touchScreen":
       return Math.min(
         0,
-        settingsStore.menuOffsets[1] +
-          settingsStore.menuOffsets[2] +
-          settingsStore.menuOffsets[3],
+        store.menuOffsets[1] + store.menuOffsets[2] + store.menuOffsets[3],
       );
     default:
       return 0;
@@ -251,91 +245,81 @@ const selectorXOffset = computed(() => {
 
 const selectorTransitionOffsetY = computed(() => {
   if (isSubmenuSelected.value || selected.value === "touchScreen") {
-    return settingsStore.submenuTransition.selectorOffsetY;
+    return store.submenuTransition.selectorOffsetY;
   }
-  return settingsStore.submenuTransition.offsetY;
+  return store.submenuTransition.offsetY;
 });
 
 const handleActivateB = () => {
-  if (
-    settingsStore.isIntro ||
-    settingsStore.isOutro ||
-    settingsStore.submenuTransition.opacity < 1
-  )
+  if (store.isIntro || store.isOutro || store.submenuTransition.opacity < 1)
     return;
 
   if (isSubmenuSelected.value) {
     select(getParentMenu(selected.value));
   } else {
-    settingsStore.animateOutro();
+    store.animateOutro();
   }
 };
 </script>
 
 <template>
-  <template v-if="!settingsStore.currentSubMenu">
+  <template v-if="!store.currentSubMenu">
     <TouchScreenMenu
       :x="
-        177 +
-        settingsStore.menuOffsets[1] +
-        settingsStore.menuOffsets[2] +
-        settingsStore.menuOffsets[3]
+        177 + store.menuOffsets[1] + store.menuOffsets[2] + store.menuOffsets[3]
       "
       :y="
         121 +
-        settingsStore.menuYOffset +
+        store.menuYOffset +
         (selected === 'touchScreen'
-          ? settingsStore.submenuTransition.selectorOffsetY
-          : settingsStore.submenuTransition.offsetY)
+          ? store.submenuTransition.selectorOffsetY
+          : store.submenuTransition.offsetY)
       "
-      :opacity="settingsStore.submenuTransition.opacity"
+      :opacity="store.submenuTransition.opacity"
+      :pressed="pressed"
+      :is-any-other-menu-open="isAnyOtherMenuOpen('touchScreen')"
     />
     <UserMenu
-      :x="129 + settingsStore.menuOffsets[1] + settingsStore.menuOffsets[2]"
-      :y="
-        121 +
-        settingsStore.menuYOffset +
-        settingsStore.submenuTransition.offsetY
-      "
-      :opacity="settingsStore.submenuTransition.opacity"
+      :x="129 + store.menuOffsets[1] + store.menuOffsets[2]"
+      :y="121 + store.menuYOffset + store.submenuTransition.offsetY"
+      :opacity="store.submenuTransition.opacity"
+      :pressed="pressed"
+      :is-any-other-menu-open="isAnyOtherMenuOpen('user')"
+      :submenu-extra-offset-y="selectedSubmenuExtraOffsetY"
     />
     <ClockMenu
-      :x="81 + settingsStore.menuOffsets[1]"
-      :y="
-        121 +
-        settingsStore.menuYOffset +
-        settingsStore.submenuTransition.offsetY
-      "
-      :opacity="settingsStore.submenuTransition.opacity"
+      :x="81 + store.menuOffsets[1]"
+      :y="121 + store.menuYOffset + store.submenuTransition.offsetY"
+      :opacity="store.submenuTransition.opacity"
+      :pressed="pressed"
+      :is-any-other-menu-open="isAnyOtherMenuOpen('clock')"
+      :submenu-extra-offset-y="selectedSubmenuExtraOffsetY"
     />
     <OptionsMenu
       :x="33"
-      :y="
-        121 +
-        settingsStore.menuYOffset +
-        settingsStore.submenuTransition.offsetY
-      "
-      :opacity="settingsStore.submenuTransition.opacity"
+      :y="121 + store.menuYOffset + store.submenuTransition.offsetY"
+      :opacity="store.submenuTransition.opacity"
+      :pressed="pressed"
+      :is-any-other-menu-open="isAnyOtherMenuOpen('options')"
+      :submenu-extra-offset-y="selectedSubmenuExtraOffsetY"
     />
 
     <Selector
       :rect="[
         selectorPosition[0] + selectorXOffset,
-        selectorPosition[1] +
-          settingsStore.menuYOffset +
-          selectorTransitionOffsetY,
+        selectorPosition[1] + store.menuYOffset + selectorTransitionOffsetY,
         selectorPosition[2],
         selectorPosition[3],
       ]"
-      :opacity="settingsStore.submenuTransition.opacity"
+      :opacity="store.submenuTransition.opacity"
     />
 
     <CommonButtons
-      :y-offset="settingsStore.barOffsetY + settingsStore.submenuButtonsOffsetY"
+      :y-offset="store.barOffsetY + store.submenuButtonsOffsetY"
       :b-label="isSubmenuSelected ? $t('common.goBack') : $t('common.quit')"
       :a-label="$t('common.select')"
       @activate-b="handleActivateB()"
     />
   </template>
-  <component :is="viewComponents[settingsStore.currentSubMenu]" v-else />
+  <component :is="viewComponents[store.currentSubMenu]" v-else />
 </template>
diff --git a/app/components/Settings/BottomScreen/Menus/Options/2048.vue b/app/components/Settings/BottomScreen/Menus/Options/2048.vue
index 56e16e9..d2837d7 100644
--- a/app/components/Settings/BottomScreen/Menus/Options/2048.vue
+++ b/app/components/Settings/BottomScreen/Menus/Options/2048.vue
@@ -246,13 +246,21 @@ onRender((ctx) => {
 
 onRender((ctx) => {
   ctx.translate(0, intro.scoreOffsetY);
-  drawButton(ctx, `${$t("settings.options.2048.score")}: ${score}`, 10, 2, 118);
+  drawButton(
+    ctx,
+    `${$t("settings.options.2048.score")}: ${score}`,
+    10,
+    2,
+    118,
+    false,
+  );
   drawButton(
     ctx,
     `${$t("settings.options.2048.highScore")}: ${savedState.value.highScore}`,
     138,
     2,
     108,
+    false,
   );
 }, 110);
 
diff --git a/app/components/Settings/BottomScreen/Menus/Options/Menu.vue b/app/components/Settings/BottomScreen/Menus/Options/Menu.vue
index c07385a..7d0e199 100644
--- a/app/components/Settings/BottomScreen/Menus/Options/Menu.vue
+++ b/app/components/Settings/BottomScreen/Menus/Options/Menu.vue
@@ -4,6 +4,9 @@ const props = withDefaults(
     x: number;
     y: number;
     opacity?: number;
+    pressed: string | null;
+    isAnyOtherMenuOpen: boolean;
+    submenuExtraOffsetY: number;
   }>(),
   {
     opacity: 1,
@@ -12,46 +15,32 @@ const props = withDefaults(
 
 const { onRender } = useScreen();
 
-const settingsStore = useSettingsStore();
-const menusContext = inject<{
-  isSubmenuSelected: ComputedRef<boolean>;
-  selectedSubmenuParent: ComputedRef<string | null>;
-  selectedSubmenuExtraOffsetY: ComputedRef<number>;
-}>("menusContext")!;
-
-const { assets } = useAssets();
+const store = useSettingsStore();
+const { assets } = useAssets((a) => a.images.settings.topScreen.options);
 
 const isOpen = computed(
-  () => settingsStore.currentMenu === "options" && settingsStore.menuExpanded,
+  () => store.currentMenu === "options" && store.menuExpanded,
 );
-const isAnyOtherMenuOpen = computed(() => {
-  if (settingsStore.currentSubMenu) {
-    return !settingsStore.currentSubMenu.startsWith("options");
-  }
-  if (menusContext.isSubmenuSelected.value) {
-    return menusContext.selectedSubmenuParent.value !== "options";
-  }
-  return false;
-});
 
 const animation = useMenuAnimation("options", isOpen);
 
 const submenuExtraOffset = (submenu: string) =>
-  settingsStore.selectedButton === submenu
-    ? menusContext.selectedSubmenuExtraOffsetY.value
-    : 0;
+  store.selectedButton === submenu ? props.submenuExtraOffsetY : 0;
 
 onRender((ctx) => {
   ctx.globalAlpha = props.opacity;
   ctx.translate(props.x, props.y);
 
   if (isOpen.value || animation.playing) {
-    assets.images.settings.topScreen.options._2048.draw(
+    (props.pressed === "options2048" ? assets._2048Pressed : assets._2048).draw(
       ctx,
       48 - animation.stage2Offset,
       -48 + animation.stage1Offset + submenuExtraOffset("options2048"),
     );
-    assets.images.settings.topScreen.options.renderingMode.draw(
+    (props.pressed === "optionsRenderingMode"
+      ? assets.renderingModePressed
+      : assets.renderingMode
+    ).draw(
       ctx,
       0,
       -96 +
@@ -59,17 +48,25 @@ onRender((ctx) => {
         animation.stage1Offset +
         submenuExtraOffset("optionsRenderingMode"),
     );
-    assets.images.settings.topScreen.options.language.draw(
+    (props.pressed === "optionsLanguage"
+      ? assets.languagePressed
+      : assets.language
+    ).draw(
       ctx,
       0,
       -48 + animation.stage1Offset + submenuExtraOffset("optionsLanguage"),
     );
 
-    assets.images.settings.topScreen.options.optionsActive.draw(ctx, 0, 0);
-  } else if (isAnyOtherMenuOpen.value) {
-    assets.images.settings.topScreen.options.optionsDisabled.draw(ctx, 0, 0);
+    (props.pressed === "options"
+      ? assets.optionsPressed
+      : assets.optionsActive
+    ).draw(ctx, 0, 0);
+  } else if (props.pressed === "options") {
+    assets.optionsPressed.draw(ctx, 0, 0);
+  } else if (props.isAnyOtherMenuOpen) {
+    assets.optionsDisabled.draw(ctx, 0, 0);
   } else {
-    assets.images.settings.topScreen.options.options.draw(ctx, 0, 0);
+    assets.options.draw(ctx, 0, 0);
   }
 });
 
diff --git a/app/components/Settings/BottomScreen/Menus/TouchScreen/Menu.vue b/app/components/Settings/BottomScreen/Menus/TouchScreen/Menu.vue
index 56c4646..902bf17 100644
--- a/app/components/Settings/BottomScreen/Menus/TouchScreen/Menu.vue
+++ b/app/components/Settings/BottomScreen/Menus/TouchScreen/Menu.vue
@@ -4,6 +4,8 @@ const props = withDefaults(
     x: number;
     y: number;
     opacity?: number;
+    pressed: string | null;
+    isAnyOtherMenuOpen: boolean;
   }>(),
   {
     opacity: 1,
@@ -12,39 +14,16 @@ const props = withDefaults(
 
 const { onRender } = useScreen();
 
-const settingsStore = useSettingsStore();
-const menusContext = inject<{
-  isSubmenuSelected: ComputedRef<boolean>;
-  selectedSubmenuParent: ComputedRef<string | null>;
-}>("menusContext")!;
-
-const { assets } = useAssets();
-
-// TODO: i don't like this
-const isAnyOtherMenuOpen = computed(() => {
-  if (settingsStore.currentSubMenu) {
-    return !settingsStore.currentSubMenu.startsWith("touchScreen");
-  }
-  if (menusContext.isSubmenuSelected.value) {
-    return menusContext.selectedSubmenuParent.value !== "touchScreen";
-  }
-  return false;
-});
+const { assets } = useAssets((a) => a.images.settings.topScreen.touchScreen);
 
 onRender((ctx) => {
   ctx.globalAlpha = props.opacity;
-  if (isAnyOtherMenuOpen.value) {
-    assets.images.settings.topScreen.touchScreen.touchScreenDisabled.draw(
-      ctx,
-      props.x,
-      props.y,
-    );
+  if (props.pressed === "touchScreen") {
+    assets.touchScreenPressed.draw(ctx, props.x, props.y);
+  } else if (props.isAnyOtherMenuOpen) {
+    assets.touchScreenDisabled.draw(ctx, props.x, props.y);
   } else {
-    assets.images.settings.topScreen.touchScreen.touchScreen.draw(
-      ctx,
-      props.x,
-      props.y,
-    );
+    assets.touchScreen.draw(ctx, props.x, props.y);
   }
 });
 
diff --git a/app/components/Settings/BottomScreen/Menus/TouchScreen/TapTap.vue b/app/components/Settings/BottomScreen/Menus/TouchScreen/TapTap.vue
index 46c0fe3..f9163c2 100644
--- a/app/components/Settings/BottomScreen/Menus/TouchScreen/TapTap.vue
+++ b/app/components/Settings/BottomScreen/Menus/TouchScreen/TapTap.vue
@@ -393,6 +393,7 @@ onRender((ctx) => {
     10,
     2,
     88,
+    false,
   );
   drawButton(
     ctx,
@@ -400,6 +401,7 @@ onRender((ctx) => {
     108,
     2,
     88,
+    false,
   );
   drawButton(
     ctx,
@@ -407,6 +409,7 @@ onRender((ctx) => {
     206,
     2,
     40,
+    false,
   );
 }, 110);
 
diff --git a/app/components/Settings/BottomScreen/Menus/User/Menu.vue b/app/components/Settings/BottomScreen/Menus/User/Menu.vue
index ec7848f..15801f1 100644
--- a/app/components/Settings/BottomScreen/Menus/User/Menu.vue
+++ b/app/components/Settings/BottomScreen/Menus/User/Menu.vue
@@ -4,6 +4,9 @@ const props = withDefaults(
     x: number;
     y: number;
     opacity?: number;
+    pressed: string | null;
+    isAnyOtherMenuOpen: boolean;
+    submenuExtraOffsetY: number;
   }>(),
   {
     opacity: 1,
@@ -12,51 +15,37 @@ const props = withDefaults(
 
 const { onRender } = useScreen();
 
-const settingsStore = useSettingsStore();
-const menusContext = inject<{
-  isSubmenuSelected: ComputedRef<boolean>;
-  selectedSubmenuParent: ComputedRef<string | null>;
-  selectedSubmenuExtraOffsetY: ComputedRef<number>;
-}>("menusContext")!;
-
-const { assets } = useAssets();
+const store = useSettingsStore();
+const { assets } = useAssets((a) => a.images.settings.topScreen.user);
 
 const isOpen = computed(
-  () => settingsStore.currentMenu === "user" && settingsStore.menuExpanded,
+  () => store.currentMenu === "user" && store.menuExpanded,
 );
-const isAnyOtherMenuOpen = computed(() => {
-  if (settingsStore.currentSubMenu) {
-    return !settingsStore.currentSubMenu.startsWith("user");
-  }
-  if (menusContext.isSubmenuSelected.value) {
-    return menusContext.selectedSubmenuParent.value !== "user";
-  }
-  return false;
-});
 
 const animation = useMenuAnimation("user", isOpen);
 
 const submenuExtraOffset = (submenu: string) =>
-  settingsStore.selectedButton === submenu
-    ? menusContext.selectedSubmenuExtraOffsetY.value
-    : 0;
+  store.selectedButton === submenu ? props.submenuExtraOffsetY : 0;
 
 onRender((ctx) => {
   ctx.globalAlpha = props.opacity;
   ctx.translate(props.x, props.y);
 
   if (isOpen.value || animation.playing) {
-    assets.images.settings.topScreen.user.birthday.draw(
+    (props.pressed === "userBirthday"
+      ? assets.birthdayPressed
+      : assets.birthday
+    ).draw(
       ctx,
       -48 + animation.stage2Offset,
       -48 + animation.stage1Offset + submenuExtraOffset("userBirthday"),
     );
-    assets.images.settings.topScreen.user.snake.draw(
+    (props.pressed === "userSnake" ? assets.snakePressed : assets.snake).draw(
       ctx,
       48 - animation.stage2Offset,
       -48 + animation.stage1Offset + submenuExtraOffset("userSnake"),
     );
-    assets.images.settings.topScreen.user.color.draw(
+    (props.pressed === "userColor" ? assets.colorPressed : assets.color).draw(
       ctx,
       0,
       -96 +
@@ -64,17 +53,26 @@ onRender((ctx) => {
         animation.stage1Offset +
         submenuExtraOffset("userColor"),
     );
-    assets.images.settings.topScreen.user.userName.draw(
+    (props.pressed === "userUserName"
+      ? assets.userNamePressed
+      : assets.userName
+    ).draw(
       ctx,
       0,
       -48 + animation.stage1Offset + submenuExtraOffset("userUserName"),
     );
 
-    assets.images.settings.topScreen.user.userActive.draw(ctx, 0, 0);
-  } else if (isAnyOtherMenuOpen.value) {
-    assets.images.settings.topScreen.user.userDisabled.draw(ctx, 0, 0);
+    (props.pressed === "user" ? assets.userPressed : assets.userActive).draw(
+      ctx,
+      0,
+      0,
+    );
+  } else if (props.pressed === "user") {
+    assets.userPressed.draw(ctx, 0, 0);
+  } else if (props.isAnyOtherMenuOpen) {
+    assets.userDisabled.draw(ctx, 0, 0);
   } else {
-    assets.images.settings.topScreen.user.user.draw(ctx, 0, 0);
+    assets.user.draw(ctx, 0, 0);
   }
 });
 
diff --git a/app/components/Settings/BottomScreen/Menus/User/Snake.vue b/app/components/Settings/BottomScreen/Menus/User/Snake.vue
index 9fea84e..3d9f688 100644
--- a/app/components/Settings/BottomScreen/Menus/User/Snake.vue
+++ b/app/components/Settings/BottomScreen/Menus/User/Snake.vue
@@ -292,13 +292,14 @@ onRender((ctx) => {
 
 onRender((ctx) => {
   ctx.translate(0, intro.scoreOffsetY);
-  drawButton(ctx, $t("settings.user.snake.score", { score }), 10, 2, 118);
+  drawButton(ctx, $t("settings.user.snake.score", { score }), 10, 2, 118, true);
   drawButton(
     ctx,
     $t("settings.user.snake.best", { best: highScore.value }),
     138,
     2,
     108,
+    true,
   );
 }, 110);
 
diff --git a/app/composables/useButtonNavigation.ts b/app/composables/useButtonNavigation.ts
index db7b33d..c5f456c 100644
--- a/app/composables/useButtonNavigation.ts
+++ b/app/composables/useButtonNavigation.ts
@@ -210,16 +210,8 @@ export const useButtonNavigation = <T extends Record<string, Rect>>({
     }
   });
 
-  const handleMouseUp = () => {
+  useMouseUp(() => {
     pressedButton.value = null;
-  };
-
-  onMounted(() => {
-    document.addEventListener("mouseup", handleMouseUp);
-  });
-
-  onUnmounted(() => {
-    document.removeEventListener("mouseup", handleMouseUp);
   });
 
   onClick((x: number, y: number) => {
diff --git a/app/utils/canvas.ts b/app/utils/canvas.ts
index 7878c1f..a5faf63 100644
--- a/app/utils/canvas.ts
+++ b/app/utils/canvas.ts
@@ -162,6 +162,7 @@ export const drawButton = (
   x: number,
   y: number,
   width: number,
+  pressed: boolean,
 ) => {
   const { assets } = useAssets((a) => a.images.common);
 
@@ -175,13 +176,21 @@ export const drawButton = (
   ctx.save();
   ctx.translate(x, y);
 
-  assets.buttonLeft.draw(ctx, 0, 0);
+  (pressed ? assets.buttonLeftPressed : assets.buttonLeft).draw(ctx, 0, 0);
 
   for (let i = 0; i < bodyCount; i++) {
-    assets.buttonBody.draw(ctx, LEFT_WIDTH + i * BODY_WIDTH, 0);
+    (pressed ? assets.buttonBodyPressed : assets.buttonBody).draw(
+      ctx,
+      LEFT_WIDTH + i * BODY_WIDTH,
+      0,
+    );
   }
 
-  assets.buttonRight.draw(ctx, width - RIGHT_WIDTH, 0);
+  (pressed ? assets.buttonRightPressed : assets.buttonRight).draw(
+    ctx,
+    width - RIGHT_WIDTH,
+    0,
+  );
 
   ctx.textBaseline = "top";
   ctx.font = "10px NDS10";
diff --git a/app/utils/input.ts b/app/utils/input.ts
index 7d9e568..4940eb1 100644
--- a/app/utils/input.ts
+++ b/app/utils/input.ts
@@ -15,3 +15,13 @@ export const mapKeyToNDS = (key: string): string | null => {
   key = key.length === 1 ? key.toUpperCase() : key;
   return KEY_TO_NDS_BUTTON[key] ?? null;
 };
+
+export const useMouseUp = (callback: () => void) => {
+  onMounted(() => {
+    document.addEventListener("mouseup", callback);
+  });
+
+  onUnmounted(() => {
+    document.removeEventListener("mouseup", callback);
+  });
+};
diff --git a/i18n/locales/en.json b/i18n/locales/en.json
index e66d8d6..7e3dff9 100644
--- a/i18n/locales/en.json
+++ b/i18n/locales/en.json
@@ -161,9 +161,9 @@
     "actions": {
       "open": "Open",
       "copy": "Copy",
-      "githubProfile": "Github profile",
+      "git": "Github profile",
       "email": "Email",
-      "websiteLink": "Website link",
+      "linkedin": "LinkedIn link",
       "cv": "CV"
     },
     "copiedToClipboard": "{item} copied to clipboard",
diff --git a/public/nds/images/achievements/quit-pressed.webp b/public/nds/images/achievements/quit-pressed.webp
new file mode 100644
index 0000000000000000000000000000000000000000..263a03cf51feea1c8b01fa9744ecb68975ea09a6
GIT binary patch
literal 236
zcmWIYbaQ*cz`zjh>J$(bVBvEE$kvxXz|LUrpq4v(37?g?b$W8jrEQ+C78GwRHgiJ=
zewP2A&z#{swZ$v7K-zPX(%Gs4@$8ce&xlR<^T%laf9u*pe>NZYFYyy^Z|mi;*u8w8
zQe5b)wI}{F{_L{3Em~Q&#M^4p&ehgTLR)2DE{%Gia#16}HdFC|T&>llN{(CdCle$T
zR{5rdS#SpC3w}<zxPhU`EhVh+VD-z3XEv<eo>5`eF!#hI&qaTQIcK<3--u@Tt(YTz
kz;<uW6!n*r)K6a0^Z)f_&!PnFO<%SyI$!x%{z$eG0KIi-Z~y=R

literal 0
HcmV?d00001

diff --git a/public/nds/images/common/button-body-pressed.webp b/public/nds/images/common/button-body-pressed.webp
new file mode 100644
index 0000000000000000000000000000000000000000..e15c106e97e04cb900cfb300234e4d1056b2ff39
GIT binary patch
literal 86
zcmWIYbaV4#U|<M$bqWXzu<&sLvh^7qSQyM5Cgjczda<Fepeg6}6sPvm7U7iJ%S5c!
qDA)W;zWsjz6GMQ<ZLZn>xKa&x+723Mv?~3QU$B4n+cgH^iA(_6LLj98

literal 0
HcmV?d00001

diff --git a/public/nds/images/common/button-body.webp b/public/nds/images/common/button-body.webp
index e15c106e97e04cb900cfb300234e4d1056b2ff39..4a039ddc8b651a7b55801d44c80b9cded5365386 100644
GIT binary patch
literal 88
zcmWIYbaM+}U|<M$bqWXzu<&sKvh^7qSQyM5)OcoA&lUC-NjWrO=XJ}CE{-sP&+@nb
mT^D0eVQk&9cEii{6PzS@niCCpv=;quR8JG-KELi}H3I;NjUH+M

literal 86
zcmWIYbaV4#U|<M$bqWXzu<&sLvh^7qSQyM5Cgjczda<Fepeg6}6sPvm7U7iJ%S5c!
qDA)W;zWsjz6GMQ<ZLZn>xKa&x+723Mv?~3QU$B4n+cgH^iA(_6LLj98

diff --git a/public/nds/images/common/button-left-pressed.webp b/public/nds/images/common/button-left-pressed.webp
new file mode 100644
index 0000000000000000000000000000000000000000..e4e02091cab783ffbedad971cf853a64330a25a6
GIT binary patch
literal 88
zcmWIYbaM+}U|<M$bqWXzu<&sPvh|r9SOoMP1RSJz6kCo<CN?o#O5jkmImaQ)GJ(yR
s<6)s&#Xsf^Z|iea7d9>0mb;+r_<oT?^PjsZF8VJR{KnY*atIFt05~ii?f?J)

literal 0
HcmV?d00001

diff --git a/public/nds/images/common/button-left.webp b/public/nds/images/common/button-left.webp
index e4e02091cab783ffbedad971cf853a64330a25a6..5f312a0041bf7d474fff5f173004404a43b364be 100644
GIT binary patch
literal 90
zcmWIYbaM-0U|<M$bqWXzu<&sMvh|r9SOm-+)Dk4;a@Z}mnx!DTp~sJ9ez2_X1kMOI
u^``SH`_!J<Gu-z2G(R_2mC-f#w!__@ddEH--x%2OqTV9n)yrgwYm5M@Eg=a2

literal 88
zcmWIYbaM+}U|<M$bqWXzu<&sPvh|r9SOoMP1RSJz6kCo<CN?o#O5jkmImaQ)GJ(yR
s<6)s&#Xsf^Z|iea7d9>0mb;+r_<oT?^PjsZF8VJR{KnY*atIFt05~ii?f?J)

diff --git a/public/nds/images/common/button-right-pressed.webp b/public/nds/images/common/button-right-pressed.webp
new file mode 100644
index 0000000000000000000000000000000000000000..541b2934472a574913db421e7d82ce3716a0f022
GIT binary patch
literal 88
zcmWIYbaM+}U|<M$bqWXzu<&sKvh|r9SOm-+1RSJz6kCo<CNeReN|Bp!K!#s{BS7u*
s0hVVK3ICWk=uY~7%gaexWYa{J+-oV4cJ;fgTRZ->C%k(p*tU!T05HlP1ONa4

literal 0
HcmV?d00001

diff --git a/public/nds/images/common/button-right.webp b/public/nds/images/common/button-right.webp
index 541b2934472a574913db421e7d82ce3716a0f022..67dcced140f491abe9fa6b8ac9bdc29b7bb7e230 100644
GIT binary patch
literal 92
zcmWIYbaM+~U|<M$bqWXzu<&sQvh|r9SOn}H)Dk4;a_FtMTBIPnp(l!Edbq6b1kMOI
w-KNv4`_!J<Psri^aemvjNdgT`+j3`U`E;$d{^OY=qV!At+N9-u%OZ6c0PzGMzW@LL

literal 88
zcmWIYbaM+}U|<M$bqWXzu<&sKvh|r9SOm-+1RSJz6kCo<CNeReN|Bp!K!#s{BS7u*
s0hVVK3ICWk=uY~7%gaexWYa{J+-oV4cJ;fgTRZ->C%k(p*tU!T05HlP1ONa4

diff --git a/public/nds/images/common/button.webp b/public/nds/images/common/button.webp
deleted file mode 100644
index 85e6f03df23ea1ac44ffd82853864727fb465cfe..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 126
zcmV-^0D=EfNk&F?00012MM6+kP&iC!0000lPe23^b+CzKw+=oFZYTsoAP9oGxYSd3
z0Q{Yq|LDKbwr!GXD0oMV2Ie@wj-@&Gfl_#Z#PUJh><XJP=?WYx4so+nrejRHsc@_W
g#Lcb{7?ZBRQE^>BT<KhA>~)hd=@Q(Z9QLpr0OcVyr~m)}

diff --git a/public/nds/images/contact/bottom-screen/buttons.webp b/public/nds/images/contact/bottom-screen/buttons.webp
deleted file mode 100644
index b0e8024e2ba828a17de20deeb45e1fed4d347683..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1242
zcmV<01SR`YNk&G}1ONb6MM6+kP&iD*1ONapzrY^=Z=j};6gbLHyC|VX0%{sbfusDi
zixO%ipr(-&ILc4ED4|9I^B*Ge|A`6}wY%=l%m4rY-Az@gDK}@JV_Tc!xZxIl+JXvn
zh-793nuAOm@ZNh9d39O=I6ViN02$3HJfYJOpu?;wM>h_OQPuw!+Wa)(|3&m)f+R_f
z6nQSy^rD)RlgtljZC+8A>(!cUnzs1st2KE-BaYPCp^%)WhkA)zh^}Z$1Al1C<1tQ4
zLE~8C)98}6F!IAb-BoLM1psRd_{Xg`6Q@DuAl+Ee3idB^F=b}v*a6(dwSk#A%N_{U
zGXDB$f&|#+Hp^gpAilub1a_M2febC<uOIO7ZyM!p9FAtN^l^648Kqwrf??(;o`Ii-
zoe2a3x)`2-f76@5Mu`A3f-8;hz;|W{4s05K9teOLS|$$p@7@kwD0c;i_5vIQhc2w-
zU%d35Xf0$%fEhZ19Y=_-bB<b~;P@#zg%i=k6`~^M2N=1+6@bGJ1&m<$!4+v|t}th5
z2S;pIv`lpR)4VMZwp!&BI!+q&Fh8^<ae2RK3-hUwas=IWO0I-fB>+c2D4~^1;(yha
z^mO(Gn_p`S`*&l9*;RU7dPIHn_l~RTd&jen>yI0a*X`yhldF}+>-LH)6Q~^dcg9tX
z!{^6UjlIC<9{4n<RLKXz_qHjU1O^O=Q{)Q9pa<fCP(`vy!13O}J`<2D817=XVGP7x
z64@kdz(3ARv<ri*B;AHH0x&l|2<8w6`#1mu)-ib9pjjHk&erJ&F5oIt%Ik550AqoC
z9uDAzgI`voi*V^Zrj$cyf=UqLP9k&&f&UYp9S|Iqnc-lTALt5S&5W9G00`nYsyA%q
zOH|ko2FGg#6$aQ3W`F^%Ah2^dzM~&Hx^DMu<x8~HAckJ!uY0+g;nSe8clgX|MnU6s
zZ}sU{nVg)f<SCO-sbteqW?sFlQ9h4>=hXF%218x%XyDnScida8$ynb;st<L$OQ=n=
z)AXicaj4hnSMMxG^>CrrtM$fcqaGbSjMQDXC#M(n#?nS+i%8vddqQ_=TUs>S)j3X6
zof4Pjt13s_^Ot0ItgaVC#EepoDh08c4IlikLC?@&5ntmb<BLstM!)g*PBZM4WgW)b
zXwWnIjlVY}px#&takS_e{R|Fb8<l9)Gx~_ISk@a-i=NSwKWj?ipY-TtT(;^NI%Io>
zI`({0wCWlCT({q=hYVX@+a0H#p(@g%w%<qg>h4%w?}+%8?^k1e*S+`difx%zl~#P=
zt4@3=M@L`XRSNjv1mSslb+S?mZyLcSyDQ+dy51qK8#DI>#`=24`s?avkKUpG=iW~Z
z1l-ijQ}pUwF>zNw<$VWc%Dq~d!ut++n5!LL(l|0ar|-Ui6sAtOxf$28cc3p*LS=S>
zY1%t_>>y&etKPsg?HxUK5b^igNAI)IvUkkP(F_;S<;ZfcCaro0pXj)NaIQ*EGp%}u
z;0)dKS1X&Im{f7J>m3fgnUcNpCe4#<?`RCx19Jp~Drwg{tT0DE6y5d@VH!=?P}e)M
z-c0n}cMu3^NtFKFTl~LJs^#Qu2d$<AxhUl`UY+abRo-`)mT$_;H<jLZ$ldsP^4@na
E0CQ?;QUCw|

diff --git a/public/nds/images/contact/bottom-screen/buttons/button-pressed.webp b/public/nds/images/contact/bottom-screen/buttons/button-pressed.webp
new file mode 100644
index 0000000000000000000000000000000000000000..d859984db2136fe463e558889b7842acc44459aa
GIT binary patch
literal 146
zcmV;D0B!$LNk&GB00012MM6+kP&iC}0000lzrY6oKR^~>8XUsH=u0EA0Mp<Q7Dith
zkp-9rhp;gE(rEqz_}?~dsgh8sz$lU=MQdSW9IOL!01m(bI5_`5tUdTe^j|=dBs50v
zGC0=n5Kkljqd;?@Nb^EVG%r-4IZ&oqaFynR)o2dXX%^g|`5|pI2bweo@-(9G0EaR<
A(*OVf

literal 0
HcmV?d00001

diff --git a/public/nds/images/contact/bottom-screen/buttons/button.webp b/public/nds/images/contact/bottom-screen/buttons/button.webp
new file mode 100644
index 0000000000000000000000000000000000000000..b20a2ea871211dfd803c19de8af2c964ab4c2ef8
GIT binary patch
literal 158
zcmV;P0Ac@9Nk&GN00012MM6+kP&iDA0000lzrY6oPoSuc6gbHZ&vAkdP}D{WoaBb*
zI6(&}Y9j?sa>H|+pabSVMC9F3RlDo|0RVuR5fQ*9wyj23pu+++8gLLC1P8$Z)O4#j
zUN&?Q{TGlV35}7v49?tk=s~0YM~&t{o#usBX<n#8bD&JK;1bOTE6^M$(kwVn^Fwkp
M2eLE=8Z=7a0gjzM!T<mO

literal 0
HcmV?d00001

diff --git a/public/nds/images/contact/bottom-screen/buttons/cv-pressed.webp b/public/nds/images/contact/bottom-screen/buttons/cv-pressed.webp
new file mode 100644
index 0000000000000000000000000000000000000000..4e3f9f1c45fa2818200c1303611987c39e5a5acb
GIT binary patch
literal 150
zcmV;H0BQeHNk&GF00012MM6+kP&iD10000l9Y6;VA0QAQQ&Q|$A`l>?*s-KuAV5g5
zV@dt|2cY^>!EGZ+jx+c(ADaiIx&DSgH2}k5Jm-HNR2$LkQDhL&{|Uf9FIgPOCKuAb
zO5rF6%eC4^Whm0Uc)Py`i`-W$mqWu|!omdPTwHP*K!Y^7kSQeDfDi)?;-B1l?|p+Y
E08lwSBme*a

literal 0
HcmV?d00001

diff --git a/public/nds/images/contact/bottom-screen/buttons/cv.webp b/public/nds/images/contact/bottom-screen/buttons/cv.webp
new file mode 100644
index 0000000000000000000000000000000000000000..50591a2c37303f77dcc74d7da6019de8b4ad4598
GIT binary patch
literal 150
zcmV;H0BQeHNk&GF00012MM6+kP&iD20000l9Y6;VA0QAQQ&Q|$A`l>?*s-KuAV5g5
zV@dt|2cY^>!BK6yZS;?4)maF{bU~Q*cLS=5&yWd@DPNkxAfo>hfPWq$*^o^Rq<s~_
zDvIuyO+D))3A5y8b}KqLEfyx5hN*bp`vP*39HLi1o$Skj3?az|xb%UI*eCbL<MCLd
E2E$Z93;+NC

literal 0
HcmV?d00001

diff --git a/public/nds/images/contact/bottom-screen/buttons/email-pressed.webp b/public/nds/images/contact/bottom-screen/buttons/email-pressed.webp
new file mode 100644
index 0000000000000000000000000000000000000000..e21045d72f63ea306612fed230b73d1a4b8a4a25
GIT binary patch
literal 176
zcmV;h08jr?Nk&Gf00012MM6+kP&iDS0000l9Y6;VA0QAQQ&Q|$A`l>?*s-KuAV5g5
zV@dt|2cY^>!EI}6Z*t|YwEjg1rTbJPImZ#G-6N(!4&}dxBMW^MOc2rk3E=+=?cvYE
zFbrQ}7a*3{s9cs4@OxQm1Nl>y*NJaKS*T5Z^<}{?PDjOEC+c{IMp^KDS^PU3zAUi|
eaU{#(fd7!i0`wB!RW81(7KcJx_zc4^T=+dw=}j>J

literal 0
HcmV?d00001

diff --git a/public/nds/images/contact/bottom-screen/buttons/email.webp b/public/nds/images/contact/bottom-screen/buttons/email.webp
new file mode 100644
index 0000000000000000000000000000000000000000..820f91d1d06d639027e02f56b51c3db79e898cb7
GIT binary patch
literal 166
zcmV;X09pT1Nk&GV00012MM6+kP&iDH0000l9Y6;VA0QAQQ&Q|$A`l>?*s-KuAV5g5
zV@dt|2cY^>!EJ5rP4jgAL&-656!rfIl7QN|_gtPQdkSxm$V?E?{|R9EO*=vjK!Ky}
zaHdt0lz<*3aR%zWB$TM#NP;u9w6wX>a_g$&!pXEOL>oyohGHX$6L1?zE`V+&u>ePL
UajO<Rw_nh-ExbRU&u7K_0Kq6oMgRZ+

literal 0
HcmV?d00001

diff --git a/public/nds/images/contact/bottom-screen/buttons/git-pressed.webp b/public/nds/images/contact/bottom-screen/buttons/git-pressed.webp
new file mode 100644
index 0000000000000000000000000000000000000000..ba258e20e207d1462363dec96d4b19337ff1d581
GIT binary patch
literal 168
zcmV;Z09XG~Nk&GX00012MM6+kP&iDK0000l9Y6;VA0QAQQ&Q|$A`l>?*s-KuAV5g5
zV@dt|2cY^>!BK5(ZS);ja*)FE-=`R8|H~9LV=7JtMWjiH=>G)h$tfOrKEh7wkrSK$
zL~a-{NgbIgX~LW+IX00cuntoPmcLaKn03Unu9<2OSoK|U42m>SoFsLmsRl{JX_q9=
WUYf~BO-Bul*mdaTXi7)FaC8VELPaJ3

literal 0
HcmV?d00001

diff --git a/public/nds/images/contact/bottom-screen/buttons/git.webp b/public/nds/images/contact/bottom-screen/buttons/git.webp
new file mode 100644
index 0000000000000000000000000000000000000000..b8e4eb94b14fa1f886d9d610127a91d812e813e8
GIT binary patch
literal 168
zcmV;Z09XG~Nk&GX00012MM6+kP&iDK0000l9Y6;VA0QAQQ&Q|$A`l>?*s-KuAV5g5
zV@dt|2cY^>!BK46ZSzK2xw7~mwEGhTF8{7WD&i9|Mj|%|5&fS4y}6{b=+3Z<dKRSS
zx6n0wFiB2Fm9$_%k^)=kBrwP1VBNQB0W&9Ed9&0kuo{OH7!+xt1heGKOU;r<%OOe8
WMQIjeZk(DMap*M4*)pH~^Vun{gGhP+

literal 0
HcmV?d00001

diff --git a/public/nds/images/contact/bottom-screen/buttons/linkedin-pressed.webp b/public/nds/images/contact/bottom-screen/buttons/linkedin-pressed.webp
new file mode 100644
index 0000000000000000000000000000000000000000..1e4612c9d1c2c3a922cd61ba608ee8d3a38ae3ec
GIT binary patch
literal 120
zcmV-;0EholNk&F+00012MM6+kP&iCu0000l9Y6;VA0QAQQ&Q|$A`l>?*s-KuAV5g5
zV@dt|2cY^>flX{%ah?=vdiu=(WKS$$D)sM)lPF>b0}=h70F1ls`@RcckN+Z{F;#Ko
a!}ml+FquNen$$K)T(m_2c!`KO+5-UIEiXm@

literal 0
HcmV?d00001

diff --git a/public/nds/images/contact/bottom-screen/buttons/linkedin.webp b/public/nds/images/contact/bottom-screen/buttons/linkedin.webp
new file mode 100644
index 0000000000000000000000000000000000000000..b3d87e6572234437371aa8ee245343fe2acaf81e
GIT binary patch
literal 118
zcmV-+0Ez!nNk&F)00012MM6+kP&iCt0000l9Y6;VA0QAQQ&Q|$A`l>?*s-KuAV5g5
zV@dt|2cY^>fl+K*ZJrtSIA{t;dFwdAMI<uW#zCWlfr$Q30LI-(QUHw4BA>BUapc2w
YL{><hLdMzDK1p1(M*+B>=Xn&`1A+lBUjP6A

literal 0
HcmV?d00001

diff --git a/public/nds/images/home/bottom-screen/buttons/achievements-pressed.webp b/public/nds/images/home/bottom-screen/buttons/achievements-pressed.webp
new file mode 100644
index 0000000000000000000000000000000000000000..8653adba96c57e6b76c4c033a9bcace6f09a1951
GIT binary patch
literal 86
zcmWIYbaV4#U|<M$bqWXzu<&sNvh_I|m;}TX1Ux>mM`l=VOfah7G^dI!@gMU&t}LmO
qtIR^4{Cu#wD?l*BM)-QLvapZK7yCV%Q-eS1wkp~**1n&^%>V#(`yPq_

literal 0
HcmV?d00001

diff --git a/public/nds/images/home/bottom-screen/buttons/contact-pressed.webp b/public/nds/images/home/bottom-screen/buttons/contact-pressed.webp
new file mode 100644
index 0000000000000000000000000000000000000000..32afdd81d9845570d89439d93e34925462d0aec4
GIT binary patch
literal 330
zcmV-Q0k!^8Nk&FO0RRA3MM6+kP&iCB0RR9mUVsY_KR}Re8ymugal{j3+YDjDIO6RI
zvTcU2VI1-H^B(}<f7_@kDwP3pw!LkeXanP+%RTLmhY1%*GJxy7dw{h4EzkvSS9}ru
zXXLhR7zt3?o^spX@ZfGooQ+QQHQfU~d~NgQs()HOUA+p%6Ia`Oxq6n2r$&JxK*Th9
z2+$K4?pbGQ+=pf`@3Lc@69k}Sct<lw5D~n@6oxyhTPXEXr;tu&X4LwfGVG6M?M*<b
zma5#bTpKkaSOiL>-g4dE%yYF=<-xo@&LE1|j3bWA#;El>8`6@#xuH}`Rqg?Sxd1Kw
zeF)5tq+}==C>x0SR>-iS9Kgk!#`mAAZMHrR#M-!}uNfdUmmARxNiI2PPKJLUZ7!N@
cbw%K&kTQTaZr|l3DiG0h#LHwZ+PMD?HRSx7o&W#<

literal 0
HcmV?d00001

diff --git a/public/nds/images/home/bottom-screen/buttons/gallery-pressed.webp b/public/nds/images/home/bottom-screen/buttons/gallery-pressed.webp
new file mode 100644
index 0000000000000000000000000000000000000000..e3fa5c5204eeb60eef1acccd2c7ab3b555a4e52e
GIT binary patch
literal 452
zcmV;#0XzOuNk&Gz0RRA3MM6+kP&iDl0RR9mUVsY_PoSu68#vkae{3)Yaf;fuf!h9$
z4aOjjy`r{lptk>GgE5F>KmP#$fdB9A%#7VNGi;NDBuG+iJC3CA4&ov5gQl5T3;28x
z#4@te{3GgvmJ<k6mD{x%r&aARqW=usHd2&G%Y68T%W|(+?ByzJb(ibY<5C+REB)4x
zl|KFd^Goi-xA&zsK9>4-B93BajFB+$C64Z-@1s0>-1o&i$V8qj?I7T`n{E^I79%-C
zit#1lg%1K7WiwN8W=6@3oG2w@3d}b81=uK!Br>I-=?u^vhoMSMNnN1ubtpJ8RnZ<c
z0yI%NK{5pe;~p|&C#L5hXc{p!rbNNc6axYv3;`*VQ$3>8QLaH;VUa?mRx0-*Ohu@2
z9c@7#<?PYa>{H&$IcN5%Uw}vNb`ab}AmVBtaIHY;7eL(KpxZ&f+22}v47_JO7jU-;
z8j7jj9aFt`0l3B34vRH;=n!Pwvb1(5f-2IL_dyM9O`+5-0E_GR9L3CiF&-0nT*VPL
unb;O1GmluKm)@lS_<i}goFAXw^>3(c*?)xt18{D;VwJAT@V5MSXafMNs@0VM

literal 0
HcmV?d00001

diff --git a/public/nds/images/home/bottom-screen/buttons/projects-pressed.webp b/public/nds/images/home/bottom-screen/buttons/projects-pressed.webp
new file mode 100644
index 0000000000000000000000000000000000000000..03954ce803c1f798c90d3687f6d59eded6320026
GIT binary patch
literal 298
zcmV+_0oDFeNk&E@0RRA3MM6+kP&iB$0RR9myZ{RTM_?+F&G37V0OwBy5t)i)<Gn|K
z^QVG{+M9}G<Gn|K^QVG{+RuMT`v2|@U}gXSyQ{kypxCyyEW;sdcBnc4?@o56Kz-vo
z?@ykWweGL!-iZD?awAERq9hOBVBrZF^l5dlC%EbxWQO6bLFR){w!Z>h<?Xwys~Qj!
z<;+GCeWOg3x0$MjLU`XOGZyS-tOK#4&3r{vDkO!*S}8dn+dp5cj)IkUvHkP4FmaWb
zxOhs!<ETVFG29-7#74#VH7U(EY5?L<Ik9MWA`D?wqQG!oObd|Ywe+HcA~kF(OpAb!
wq)WL7j5A9aYqn=Lfq1fLc6sujgqKP-FEvpJ4~mchBDCKRFu$kq{|!JN0z@y0AOHXW

literal 0
HcmV?d00001

diff --git a/public/nds/images/home/bottom-screen/buttons/game.webp b/public/nds/images/home/bottom-screen/buttons/projects.webp
similarity index 100%
rename from public/nds/images/home/bottom-screen/buttons/game.webp
rename to public/nds/images/home/bottom-screen/buttons/projects.webp
diff --git a/public/nds/images/home/bottom-screen/buttons/settings-pressed.webp b/public/nds/images/home/bottom-screen/buttons/settings-pressed.webp
new file mode 100644
index 0000000000000000000000000000000000000000..f96800f76297cbc6082ee195c403ec4706122377
GIT binary patch
literal 180
zcmV;l089T;Nk&Gj00012MM6+kP&iDV0000l6aWPPS70;%*)&Py1yS1@Ga7(wnk4dq
zsO^mz4L~+c5_v(?_QvKv0Q`S<XPdT?NWwNrNFoUiBHLD*_X7gnL;)H2pdddA$N+kX
zfg0gf=I;Xw5&c)#wrwLN-Sdq`(2SmWhp|GUc_wIGP!KJrZk$Z15{KkW0IGUW42X6h
iw4rWXM`&E4&(tCY?>!x!m%r+NPUa2PAM*kOTmS&6(MSdW

literal 0
HcmV?d00001

diff --git a/public/nds/images/home/bottom-screen/buttons/theme-pressed.webp b/public/nds/images/home/bottom-screen/buttons/theme-pressed.webp
new file mode 100644
index 0000000000000000000000000000000000000000..2e0008495821956c4937b9d876739f3d8b4c49d6
GIT binary patch
literal 78
zcmWIYbaQiKU|<M$bqWXzu<)@0vh}$dm;}TX1U!u7i!2)*CjIK+=46?4radO(AM-y^
hiB6TLY^8=1cr-8mcrSPHzr&Sf5qdSxn7o6vm;hf98Z!U@

literal 0
HcmV?d00001

diff --git a/public/nds/images/settings/top-screen/clock/achievements-pressed.webp b/public/nds/images/settings/top-screen/clock/achievements-pressed.webp
new file mode 100644
index 0000000000000000000000000000000000000000..269be87457e4bd17de94f67e9c2ea48763abb36c
GIT binary patch
literal 372
zcmV-)0gL`pNk&F&0RRA3MM6+kP&iCr0RR9mEC34t$DpQ-Bxm>|z3%p^_<@GfNKzR3
zZxD+_CYerQ+qMmX{QvK6=RbDl2ju&FpKm*uVVVF>fN~U6piDqIfD)h*Ad)WtfLPmZ
z+s3_-2!g;W`)_LUgP+0i01^Fn<hG3@$$)yD8Qta&huj_a#I4`XcE4r#5m;~66bIfp
zx-Y=;PSUafL<`wi%ZwQR(lWVeE$&M*;Ly-BLX{(q&F=6yve?t?4*X%WLpuX|hVoo_
zl;P*x3^0!+AjAxXKVW3Br`ZhnMH!Scpa*4^ty8YfLn(d^jNb$$I?&~V{@ku;)pnl@
zTfnM--f!q$z`z!;Difab(+LeuMWwGH*f3~9L_Qi?hGRX*M`K55k4O}A2Wn<TU8M?d
zL2Bi?)wY=yWI~;pmakAP-IFSXwU@z|3P9T<w5J64`Q&Ni%*9|j;q4SR4tP7o!1jD5
S=^04U^95uro%H|T+#LW&D6^*k

literal 0
HcmV?d00001

diff --git a/public/nds/images/settings/top-screen/clock/clock-pressed.webp b/public/nds/images/settings/top-screen/clock/clock-pressed.webp
new file mode 100644
index 0000000000000000000000000000000000000000..4259e49bcf334b61921e93624056c9f3aa2aa769
GIT binary patch
literal 394
zcmV;50d@XTNk&G30RRA3MM6+kP&iC>0RR9mEC34t$DpQ-Bxm>|z3%p^_<@GfNKzR3
zZxD+_CYerQ+qMmX{QvK6=RbDl2ju&FpKm*uVVVF>fN~U6piDqIfD)h*Ad)Wt2H3Xk
z#!Wh*j3#6P{{K%gSCXRz@46BFci={nqjZCHTw;#+hg)p#-+}%7>-p*=!d`{)7NW`#
zLw7>XBZ!lbF!-<7GV`cr9{3358+XiZ&b_sk((MV^9GZ^U(qQ*!I>Kc4SWVRw0A{5*
z{o2@HRzg1H&2weTdal%XuJqR<52Rtyspe_1<eFp>788;f&Fd%2ySy<Mvp9#ho=ZZq
z&YKjSP7<!qTi<0G)VZzY#l1qG(n*#~Ry!#bNWrT#DXjAr$)YM*Duv#97Ge+`q|jU6
z6<)%uPrc0r?dA?3XBCr~@>ZRVrnET|gP$A~=~~s%Q^P%Z6>I8Ax~ohyrk<Erm@s<k
osrCXB9VTcyHBThOng^~9vE~*C<ZH+v29+RkghVww;s3v}P0(?_4gdfE

literal 0
HcmV?d00001

diff --git a/public/nds/images/settings/top-screen/clock/date-pressed.webp b/public/nds/images/settings/top-screen/clock/date-pressed.webp
new file mode 100644
index 0000000000000000000000000000000000000000..247fa2d3f0a0a8a79ef2528b91a09128a3b66d83
GIT binary patch
literal 370
zcmV-&0ge7rNk&F$0RRA3MM6+kP&iCo0RR9mEC34t$DpQ-Bxm>|z3%p^_<@GfNKzR3
zZxD+_CYerQ+qMmX{QvK6=RbDl2ju&FpKm*uVVVF>fN~U6piDqIfD)h*Ad)Wt21srr
zIg-Y<t@if+Kb`8#tm?$>JtCt24&1hJBn2Suve)Y$9=`KD9cTaR9cAHRrDE}QQMLL|
zZlY~<Vx!0n{twm}YZQrFG9C=STx84ji07LVAK3!Y9Knn`*DzTWcdnrjDMkQP>RS?f
z2xJqlM?I1=^XFosXpCTF&VE+=kp(!>=H6cNGPpIGx5c2(Q9b}G&F9z9M=&5~pKyQ(
z7eLNFAz+d*_G3vR>g>wGdK?BFBj}jB*Vki5*+s|Py}n-A(Ih$c1u{?ttFj1`r%eLm
zBSv7}o-CjYlwFTFFmF#9?{A<<a`Xi<NvAK6q-F7SF|@L>aIvK;v9~WTUmlK#jv7wX
QDksp0yv9BE|6kt$06pleF#rGn

literal 0
HcmV?d00001

diff --git a/public/nds/images/settings/top-screen/clock/time-pressed.webp b/public/nds/images/settings/top-screen/clock/time-pressed.webp
new file mode 100644
index 0000000000000000000000000000000000000000..855dd062c2aaa4ed64c802f9a49017ec720f36ba
GIT binary patch
literal 392
zcmV;30eAjVNk&G10RRA3MM6+kP&iC;0RR9mEC34t$DpQ-Bxm>|z3%p^_<@GfNKzR3
zZxD+_CYerQ+qMmX{QvK6=RbDl2ju&FpKm*uVVVF>fN~U6piDqIfD)h*Ad)WtfMDBB
zUFH1}tWXi5ea?TTwl_B=%K=36-;vukk|YD_b!K#%Kipz>{|(&!-+3pE@P}bn39(_s
zC~d$tobo~DY1;r#C-^x}mJ4sNf+>v)n@}IUk8bGT(aC8?x@qoYP6Md|ez2I%tKjM=
zj#t6eeYFM^%~Tj6twC|4b1O_2@U5cF*@X@$Bl7S&j2^LiGS%9QPu0WCe$MFiNBvUK
zs#4iR(Ga0hu>q(_Q%y?Iga(pUY+#z(1=V%NRO_mu>*NH=kfdoAg)*zjQ&C4yT+j#Q
zq!4RjDg}zm#89OmP&@<5qB3<V>WiP|^FBZ4%2~xYpDUS8lqe%fjk6gopiNB93+8if
m&;B&x<@^mt4^)T`Zm19g?_~+nVhGam2}CWN@c-Y~-2eazW4b{A

literal 0
HcmV?d00001

diff --git a/public/nds/images/settings/top-screen/options/2048-pressed.webp b/public/nds/images/settings/top-screen/options/2048-pressed.webp
new file mode 100644
index 0000000000000000000000000000000000000000..a525bd27c93cee4fd39bfda070673e740ecbfc86
GIT binary patch
literal 374
zcmV-+0g3)nNk&F)0RRA3MM6+kP&iCs0RR9mEC34tr=X~9B!@rBg|M@~-tI`KY1@D?
zf5aV+(Y9^!|FvUFTQdIylQh+KOne87282N5fHZ=~BsB0JG+;EKfEY=VBSpT}fd9U7
z*E{<R7|=5n(SJv7+Xj*XaAx=9J?$S}a_{v!@xK0hPHwYJap>{(k>aQHi7Y0(t|mI&
zWlKt&+i{9VCJt1qPcU(yt^StV$}Qry>BW0Xw<%R_m#&Ex+!bAX3vZ=_Xo1$c_)-8Y
zu|fn&OS%}kLSec<yQ1I@h3SH;B`0D3A>nm3!95FSmhV^H24n)u_X=yU*`|ngdizL`
zKjc_$M++*vkYmZ>WA&z^1#!a~?Ky@u!GiaykVAxf(_Yr7M?b^C3(<mug=m3xu;LL5
z9tn17`a6PCf(v$q>;W5W6l@G;&O~q<+A74b*-nJ6hH4c;APJDNfL{?@3Q-f-{gC3=
U4=L_?t+N=)y7bcje{-(@02D{DYybcN

literal 0
HcmV?d00001

diff --git a/public/nds/images/settings/top-screen/options/language-pressed.webp b/public/nds/images/settings/top-screen/options/language-pressed.webp
new file mode 100644
index 0000000000000000000000000000000000000000..138b1ea9effac27b724d7477fea290f3dd7fbb1a
GIT binary patch
literal 434
zcmV;j0Zsl=Nk&Gh0RRA3MM6+kP&iDU0RR9mEC34tr=X~9B!@rBg|M@~-tI`KY1@D?
zf5aV+(Y9^!|FvUFTQdIylQh+KOne87Km$VLfHZ=~BsB0JG+;DffEY<~+(rfn=;Kf4
zA1txE2csOoT}1yGxosQ926UQH<+MLM#`foTV6T6lT85Bv<urm5<s5_)avqj@!JUoM
zAr?;VVZwVbsr(VS@*T8uKYF07ci-9rxZCvy(~b#p-Z$8BH|2spkd2+;4i$8<5K&F{
z&9cylEnDvEMwe)x39~vFuh8~DArEvB9+(C0fGqa|3(c2Q$c4NF)+N_QmsPjnj-c+)
zQMcKcOLagAW*_Fbedq6OuO7(BcJVndwZsf<4=BvRK4>8T`Px9AF0}RhQS`V8HX0wl
z{oUIY-q9qTFtx<T+d9Jo%#UY!0CxtIy>jS*^nPo+*+=2+;O(w<smsJ2Q(;d97$%u4
zBrpVN(gSiX@ivMsuJNJ^UeUZ??%@G-a1mB55w#GTnVS}wEI3(NM<mmt3)USGd|MwR
cG5kdzhVY4b=G4hPJYy6BGOEKf{Qo<)4&Q*x%m4rY

literal 0
HcmV?d00001

diff --git a/public/nds/images/settings/top-screen/options/options-pressed.webp b/public/nds/images/settings/top-screen/options/options-pressed.webp
new file mode 100644
index 0000000000000000000000000000000000000000..e94a7c3bde4f67ef5b7e15813df5dff44b1e0c45
GIT binary patch
literal 408
zcmV;J0cZYFNk&GH0RRA3MM6+kP&iD30RR9mEC34t@1UTKB<1{@<!2Zh3fs1An56yx
z-Q6l|+qU8V4>!B>A7^*41n};vYT%twZ2<Y-JFEIo!Gt-2c~p@9@rg{p1>gcO0W1Lk
zf^DmDn?x>-Crxc-1uNbEJ}p2<rwfSazazJ8BuQ=v?rp}m{=;Kzo__=L`R{xTjPS%+
z><F)ni>+ShdukOzx!C5yqE#sbripQ>Rb;_2tLmmvv-WB&*8vvnTo6mO<}xDTeecCL
z-HkMFjj&M2UPKGWVrP12L_s3twL?hYLZm$_Mak#AH`kmnWtvl?oC*0}oSRW-%UKYo
zLtm0wHRYtJyChaqs%ONfLaCAxTb-I|)kOI<Kx&)TYl*A1U0G*A?d>V1SgS@cF1G0?
zMA!l`QVcXLA#dU8s6SC7WevB#@A@(?K_RGQmmq{H1d2*vB=`=l?%L9j%J6F0#ghc@
zJ(u@tf$>7>2EwiGYN0OR>aL5C)maY^<qULI`UjlF4zY6;=f-?-3}aM=GyMBIHV*(0
CmBbwY

literal 0
HcmV?d00001

diff --git a/public/nds/images/settings/top-screen/options/rendering-mode-pressed.webp b/public/nds/images/settings/top-screen/options/rendering-mode-pressed.webp
new file mode 100644
index 0000000000000000000000000000000000000000..76bbd1b5cdf8382a1bdc028cea925e03291321e8
GIT binary patch
literal 416
zcmV;R0bl-7Nk&GP0RRA3MM6+kP&iDC0RR9mEC34tr=X~9B!@rBg|M@~-tI`KY1@D?
zf5aV+(Y9^!|FvUFTQdIylQh+KOne87282N5fHZ=~BsB0JG+;EKkl03&BT0At-LqP+
z|He*<7WW2ZWkvMgjoU_&WCIK;^6dGCpSAt{F6`%j58Adwn^O6nEh|l4ZF|p`0hM=_
zDx0T#L+&by;FJoC@b)`T=M@^|;Skb2A+^NLlPZt4J><?N3;eQ~J;C;bPN@+Vn;rq`
z&>#*V8mJ=NS?`r<0T6)*0H_ST=WfsUTiXB&{8|78pn`oh?70(rzC-SR$dIF4ccx4s
zC7Gq>e8JSYv@NC+jQlIkIe9*(<s79(5K~6rUxdz1*!5?>4k7muI&q=LNjQVD008y?
z02|LRi*!yXRqi~Y5+}daU37v@+kk*7JE60Q0l4UA=%P1uIU*Pd1~XHVKxWciWRj(3
z63hgVe&H;#WVS6csO^NI&17V%Sim6&L#EG=qa1do%!9+BZHM_f97^SE^fC!|mT0o7
K%d`CdcWndN{lwe=

literal 0
HcmV?d00001

diff --git a/public/nds/images/settings/top-screen/touch_screen/touch-screen-pressed.webp b/public/nds/images/settings/top-screen/touch_screen/touch-screen-pressed.webp
new file mode 100644
index 0000000000000000000000000000000000000000..931966ebdfd3be39f9f83249094108478d83a614
GIT binary patch
literal 304
zcmV-00nh$YNk&E}0RRA3MM6+kP&iB*0RR9mEC34tw_qS`oA@{UZ8xH(Z3D*q5qCUF
z+eVW5FLT+z9ej`HKmI4gfTSP-Vn7nHVqFRdh=M3c3II#C-L{PiJ0Xx%$^O@>fgcg1
zd`I-(k=jU-<OKC>33;18EVi?L8P4<DdxEnte&#j{{YRJLet%yIZqa=y?%(fA!F`L&
zxc?&O&@(igL&15<j5r0S9kR*(*@5SP$a=^79nR#UE^C<H@E)Xh9cXVx|9Kd~@FEuR
z;dcJ^9GhnraqtGcumpe12ik)dA@Ik{aF5`}G9tGjiDr91B3W=qqS+phNCg}Na8*OC
zZkwyRrB+#Rb5*z0`r9c*gX)%2WExbrl=8ojR3tsgZ6=od_M{gRlgw(&Gyng!odp0h
CG?4`W

literal 0
HcmV?d00001

diff --git a/public/nds/images/settings/top-screen/user/birthday-pressed.webp b/public/nds/images/settings/top-screen/user/birthday-pressed.webp
new file mode 100644
index 0000000000000000000000000000000000000000..e452e57bd2649664df2943a3ddf14b14d526fa9b
GIT binary patch
literal 406
zcmV;H0crkHNk&GF0RRA3MM6+kP&iD20RR9mEC34tzo4LP8_E0$-~OYasBI%@`O{ng
zlf3tcqPC5s<xg_~O!D3%^B;Xq<*((JUwUs!C<RbLDWQOv5daAAW>88f1rQ_IZrd=E
zN=RRz`)?I^|NSqF3yA2yBejtv$q7Cr6;$-Bf0)M3{5Np!|IYn-jPP6Y*j+wxul-b1
zNB?K74ppFj9VaeNm)0Ao{7Ep!8ZcE9d2NpR#awTI*EnP+c)%%oKps20z?SINB049+
zTYyEO-p4~k<t`D@LdOwl(zZn{f>>)2vOj4bq!iY>6wL7k%B3JgM=6+74X#p%G`Obm
zHoA>VhA)IBcDKknJC(DkJ!jk-&iP(CwsOY3;l^s{{8igPAt~AGlyGl2B}BJQzR^mF
z=<Eq6UZoVlcrHa^t{Aa%^baaV1oZ<b4ZgR-^?JB$D&Qw3zy%Hmt<VVpyNBRZ2<iew
ze}A1iyMnrgDEvNL10edm9z*;I_d4I7Pk&YT>*MV3`P@rmlp0fG)C_0%|L@qD05qw;
A-T(jq

literal 0
HcmV?d00001

diff --git a/public/nds/images/settings/top-screen/user/color-pressed.webp b/public/nds/images/settings/top-screen/user/color-pressed.webp
new file mode 100644
index 0000000000000000000000000000000000000000..4d7669d2738786c284e7dd189f37c44ecc4e33de
GIT binary patch
literal 334
zcmV-U0kQs4Nk&FS0RRA3MM6+kP&iCE0RR9mEC34tuV5f;oA@{UZ8xH*Z5xO`%pq9w
z-VsG@+d%wb4#ArDj?91jOe$59(2WY90wmHc34jWqE<piQ0HtskfNk20nc@FmH!0TK
z9S}zm{db@?k|Vjn8w+aF-5+MTGk+(}>)&~8RvF$hec2bW<1TCBnWQJsAL<#Qo*hV2
zZ%Gb#dV%kL-XQm&-1_PMXvl!6wQWl|Zbht?B!hfgHaqZrGi*3lw)9+$J(?|$Yvsg7
z6+*qM>Z0UWRe?T~l1ml@e%IN3SdiTpDYlWMm>tOWNy*8wk5+P#j)UHg<7Y6p2y*D-
zK&bN<Dc5M#kfS%SX+<eU4n>`-s+1h73Zc$llpL$7Da-Pd+V|G?sF}4#l45&;pKrVx
g^w>|Pq2?9sGWD{fUn+g~4#<*`tVt*R|2KCE00k7Ey#N3J

literal 0
HcmV?d00001

diff --git a/public/nds/images/settings/top-screen/user/snake-pressed.webp b/public/nds/images/settings/top-screen/user/snake-pressed.webp
new file mode 100644
index 0000000000000000000000000000000000000000..a1429e0f84f747856641d675352cd252dce3b204
GIT binary patch
literal 392
zcmV;30eAjVNk&G10RRA3MM6+kP&iC<0RR9mEC34tr=Xy18z%e-uk9WUMQs~N!=L5=
zX!_nGirO}khCj^#(Dc1W=0EzJsGsrbRqqlYA%Ic~po9QGpc1rDYM~4e+eUIEop&>{
z_VW*Rrn<Mc@c~pt^dEvFNsgi%DX}FIIP-@~?z#RYp8dbGf8H7XTJ%h@Vaw5nz_uo7
zBakM#TBWgzorpSp7vxB<Uc9W!*h!sb6$C89LM@1(c#-VRvs+@pV#)3fyhyH;CJjvS
z%w_Brj=fv5%vgfVgkqA;?j0(j!SvJFF;p@$D$l-nQq(J;iBQaW!ksU-ga#;{NZjE*
zP%?49c_N6QP)X+=7GrvNYU;ZtkY7T9kR~W@lCxu|qzS;{W~8A|iRJzB`rUI%wbikc
zn#?U*;;RaZt2B1*F(pnHf*LOna&@|nWq)d{<0`d8RphD&ic9?1E(7QUPFJpEb=C*6
mpS?fxD}4Qu#IoP7`;SNc;fnIxZ=E!8zjU%rI_dv^a}NQdTfe3N

literal 0
HcmV?d00001

diff --git a/public/nds/images/settings/top-screen/user/user-name-pressed.webp b/public/nds/images/settings/top-screen/user/user-name-pressed.webp
new file mode 100644
index 0000000000000000000000000000000000000000..029a4a12fc0e09b475a7c749af366e0068ca56e5
GIT binary patch
literal 402
zcmV;D0d4+LNk&GB0RRA3MM6+kP&iC|0RR9mEC34tzo4LP8_E0$-~OYasBI%@_|qH!
zZQgrCQQJn+@TWNd+PwG3{70XY`ZK=zs&`QVB&YyX0If(wODh2N5&#u|GC-_tw{7E2
zsw<?*{;P@rj361{|A_uOP}@k7TwsdYE;@Vv;TBu>Gq8^T4*MM8L6cK{fA{w+onjBt
zF4#BkiLcrz2ot3`lH8mN$)TaaAgTS&UPb=o6|1Dm%oV?EH6r(?!t=00HB6Aman;w9
z3ZMw1=m1$#ATt-GVpX*+=!-(ixZvlV9di({WnIADGw(H4FA})Q&`R+<u05^wf(?S2
zo(lOct|T+s-079aLkn!QJ!GdZo=w*0r1ihi%MvJiw<HVXiHrqu?(_nQPQ5_Roz_^r
z*h>MD`vIC^C!gUS&yd*3XSk)&YcpI*Zp{eLM3p*C%$WS+Nug6ulyj#iD!rKu(cZAd
wKa#Ym<T#)h`-!78r_rx*I-d7qWY%4S{_%J`8hsA&$m4bqRpEsH|Hc*o0Q88+dH?_b

literal 0
HcmV?d00001

diff --git a/public/nds/images/settings/top-screen/user/user-pressed.webp b/public/nds/images/settings/top-screen/user/user-pressed.webp
new file mode 100644
index 0000000000000000000000000000000000000000..18af4b430bde1bdcda95f4dc8c295d8037270bcb
GIT binary patch
literal 364
zcmV-y0h9hxNk&Fw0RRA3MM6+kP&iCi0RR9mEC34tx1gYH8_E0$-~OYasBI%@_|qH!
zZQgrCQQJn+@TWNd+PwG3{70XY`ZK=zs&`QVB&YyX0If(wODkG00Z;)bIE-vHZhYUC
z43^S=tv2v6lL8|8&&X}tND3gdvuaNBhbDH~U*Ob#r*2Dxcg-?JcvX}j6+yW{`&8uI
zP^AcvRz<-o4o&5@3Y<b~s~|wkhS(>z%bD#0)2#4{fffmei3NTUkc7xCw<?H$h->$N
z$|oXyA23nvrO;BZfgT2+iJn<zvte9jC5?TBRdErKL)WEc6}U>SOQOHQDsYu(?6qeJ
zWv@RhB{|Dx@q!skS1mb9WOL3)uqJ1$oY55@m6Cl$N)DwYo8K4c23JW+65VgfRg%)b
z>pW%i`-1ZXvP;gh_Aj#eeSvOpl{|DnGtvpwm~xJ-#*!DTV_QNjsK>F4Ay!1`I0R7>
KPWb;fb{YVOe5Dlt

literal 0
HcmV?d00001