diff --git a/pkgs/clan-app/ui/src/index.tsx b/pkgs/clan-app/ui/src/index.tsx index a8046948a..393828af8 100644 --- a/pkgs/clan-app/ui/src/index.tsx +++ b/pkgs/clan-app/ui/src/index.tsx @@ -3,7 +3,7 @@ import { render } from "solid-js/web"; import "./index.css"; import { QueryClient } from "@tanstack/solid-query"; -import { CubeScene } from "./scene/qubes"; +import { CubeScene } from "./scene/cubes"; export const client = new QueryClient(); diff --git a/pkgs/clan-app/ui/src/scene/qubes.tsx b/pkgs/clan-app/ui/src/scene/cubes.tsx similarity index 97% rename from pkgs/clan-app/ui/src/scene/qubes.tsx rename to pkgs/clan-app/ui/src/scene/cubes.tsx index 69119b067..35af31b7a 100644 --- a/pkgs/clan-app/ui/src/scene/qubes.tsx +++ b/pkgs/clan-app/ui/src/scene/cubes.tsx @@ -402,24 +402,16 @@ export function CubeScene() { if (selected) { // When selected, make all faces red-ish but maintain the lighting difference materials.forEach((material, index) => { - (material as THREE.MeshBasicMaterial).color.set( - index === 2 - ? 0xff6666 // Top face - lighter red - : index === 0 || index === 4 - ? 0xdce4e5 // Front/right faces - keep - : 0xa4b3b5, // Shadow faces - keep - ); + if (index === 2) { + (material as THREE.MeshBasicMaterial).color.set(0xff6666); + } }); } else { // Normal colors - restore original face colors materials.forEach((material, index) => { - (material as THREE.MeshBasicMaterial).color.set( - index === 2 - ? 0xffffff // Top face - light - : index === 0 || index === 4 - ? 0xdce4e5 // Front/right faces - medium - : 0xa4b3b5, // Shadow faces - dark - ); + if (index === 2) { + (material as THREE.MeshBasicMaterial).color.set(0xffffff); + } }); } }