From 7838fb0a5201a92252e2ba30d489706d1eb2063e Mon Sep 17 00:00:00 2001
From: "Calum H." <hendersoncal117@gmail.com>
Date: Wed, 14 May 2025 19:54:25 +0100
Subject: [PATCH] fix: better color mapping

---
 packages/ui/src/components/skin/SkinPreviewRenderer.vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/packages/ui/src/components/skin/SkinPreviewRenderer.vue b/packages/ui/src/components/skin/SkinPreviewRenderer.vue
index 804a37d16..892762d9b 100644
--- a/packages/ui/src/components/skin/SkinPreviewRenderer.vue
+++ b/packages/ui/src/components/skin/SkinPreviewRenderer.vue
@@ -15,6 +15,10 @@
       @pointermove="onPointerMove"
       @pointerup="onPointerUp"
       @pointerleave="onPointerUp"
+      :rendererOptions="{
+        outputColorSpace: THREE.SRGBColorSpace,
+        toneMapping: THREE.NoToneMapping
+      }"
     >
       <Suspense>
         <Group>
@@ -57,7 +61,7 @@
       />
 
       <TresAmbientLight
-        :intensity="0.75"
+        :intensity="2"
       />
     </TresCanvas>
   </div>
@@ -92,6 +96,7 @@ watch(
 )
 
 function applyTextureToScene(root: THREE.Object3D | null, tex: THREE.Texture) {
+  texture.colorSpace = THREE.SRGBColorSpace
   texture.flipY = false
   texture.magFilter = THREE.NearestFilter
   texture.minFilter = THREE.NearestFilter
@@ -104,6 +109,8 @@ function applyTextureToScene(root: THREE.Object3D | null, tex: THREE.Texture) {
         const m = mat as THREE.MeshStandardMaterial
         m.map = tex
         m.metalness = 0
+        m.color.set(0xffffff)
+        m.toneMapped = false
         m.roughness = 1
         m.needsUpdate = true
       }