feat: colorize the ui based on the app color

app/components/Settings/TopScreen/StatusBar.vue

@@ -1,10 +1,24 @@
 <script setup lang="ts">
+const app = useAppStore();
 const { assets } = useAssets();
 
+const BAR_WIDTH = 256;
+const BAR_HEIGHT = 16;
+
 useRender((ctx) => {
   const TEXT_Y = 11;
 
-  ctx.drawImage(assets.home.topScreen.statusBar.statusBar, 0, 0);
+  ctx.drawImage(
+    assets.home.topScreen.statusBar.statusBarsSheet,
+    0,
+    (app.color.row * 4 + app.color.col) * BAR_HEIGHT,
+    BAR_WIDTH,
+    BAR_HEIGHT,
+    0,
+    0,
+    BAR_WIDTH,
+    BAR_HEIGHT,
+  );
 
   ctx.fillStyle = "#ffffff";
   ctx.font = "7px NDS7";